css - 为什么我的 CSS3 盒子阴影不能正常工作？

Question

我正在使用最新版本的 Chrome，当我使用圆角时，我根本无法在我的 div 上正确显示框阴影。它看起来像被切断或其他东西，请看下面的截图：

您可以在http://chronologic.ath.cx/Gardner/上查看测试站点

谢谢，

斜线

Answer 1

您的 CSS 重置包含overflow: hidden导致您div.container剪辑阴影的样式。您应该删除它，因为我在选择器中看不到任何值得将这样的溢出应用于：

html,
div,
span,
head,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
font,
img,
small,
strong,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    overflow: hidden;
}