盒子阴影的问题

Question

我正在为客户端制作一个模板，他想要一个带有底部阴影的全宽标题（这很好），然后是一个带左/右阴影的固定宽度居中对齐的包装。

我为标题指定了一个高z-index，以便底部边缘的阴影覆盖在前面的内容包装器上。我还为中心包装器添加了左/右边缘阴影，除了在包装器的顶部，阴影不与标头齐平，有一个约5像素的小间隙。

我试图调整点差来弥补这个差距，但随后阴影越过标题（即使包装器的z-index较低）。

#pagecontainer {
position: relative;
width: 960px;
margin: 0px auto;
padding: 0;
-webkit-box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black;
-moz-box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black;
box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black;
}

网站here

Answer 1

你知道它是什么......标题图片有一个透明的背景，我需要把白色的背景颜色加入！白痴！

Answer 2

您的标题包含透明背景图片。因此问题。修复这将有所帮助。