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

Question

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

您可以在http://chronologic.ath.cx/Gardner/

看到测试网站

谢谢，

slashp

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;
}