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

sla*_*shp 1 css css3

我正在使用最新版本的Chrome,当我使用圆角时,我无法让盒子阴影在我的div上正确显示..看起来像是切断了什么,请看下面的截图:

在此输入图像描述

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

谢谢,

slashp

Bol*_*ock 8

您的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;
}
Run Code Online (Sandbox Code Playgroud)