box-shadow - 只获得边框底部而不是右边和底部 - 为什么?

时间:2011-11-15 19:45:41

标签: css3

我希望在给定的div上,底部正确两侧的阴影。

#navigation-and-slideshow {
    overflow: hidden;
    background-color: #fff;
    padding: 10px 1%;
    box-shadow: 2px 2px 5px #222;
}

我只是在所有经过测试的浏览器上获得了底线。 任何人都可以帮我解决这个问题吗?

由于

1 个答案:

答案 0 :(得分:0)

您的div的宽度在浏览器窗口的整个宽度上蔓延。在Firefox和Chrome中,阴影被视为在整个窗口区域之外,因此无法看到。在Opera中,窗口区域增加以容纳阴影。滚动条将出现在浏览器窗口中。如果向右滚动,您将看到右边框阴影。