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

我使用的是最新版本的Chrome，当我使用圆角时，我根本无法在我的div上正确显示方框阴影。它看起来像是被切断了或是什么，请参见下面的屏幕截图：

您可以在以下位置查看测试站点：

谢谢

---

slashp

您的CSS重置包含一个

溢出：隐藏的
样式，它导致您的
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;
}

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

非常感谢！我之所以把它放在那里，是因为当我翻阅图片时，jQuery库会无缘无故地弹出一个滚动条。我已经删除了它，一切看起来都很好（除了滚动条问题，但是jQuery库正在消失，所以我真的不在乎）。再次感谢！这是不公平的做法，但您可以仅对
html
标记使用
overflow:hidden
，水平滚动将消失。非常感谢！我之所以把它放在那里，是因为当我翻阅图片时，jQuery库会无缘无故地弹出一个滚动条。我已经删除了它，一切看起来都很好（除了滚动条问题，但是jQuery库正在消失，所以我真的不在乎）。再次感谢！这是不公平的做法，但您可以仅对
html
标记使用
overflow:hidden
，水平滚动将消失。