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

Question

我使用Chrome的最新版本，我根本无法拿到箱子的影子在我的div正确显示，当我使用圆角corners..it看起来像它的切断或什么的，请看下面的截图：

您可以在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; 
}