防止重复背景通过偏移透明子元素出现？

Question

所以，我有一个布局，我有一个重复的透明阴影元素设置为我的父容器元素的背景。设置在此顶部，并且据称悬停在此背景的最顶部边缘，应该是具有框架和投影的图像。

但是，因为图像帧继续父元素，所以背景图像也继续向上。这在框架投影的上边缘上方的垂直线上可见。见下面的截图：

无论我使用透明图像还是CSS3的box-shadow属性，都会发生这种情况。设置负边距不会使其脱离父元素，也不会将定位设置为相对或绝对。

通常情况下，我会尝试通过在图像框的顶部边缘设置一个实心图像来“伪造”透明效果，但是有一个重复的灰泥图案设置为正文背景，这意味着有一个可见的，不自然的边缘。 （插入诅咒re：在这里重复模式。）

有什么建议我如何阻止父元素的背景通过子元素显示，或以某种方式偏移图像框架？

非常感谢！

Answer 1

我明白了。

我正在修改WordPress TwentyEleven主题，其中#primary和#secondary divs作为主要内容div顶部的浮点数。为了使背景一直延伸到内容div的底部（即，经过两个浮点数），我将overflow:设置为auto。

因为我不需要浮动任何东西（它是一个没有侧边栏的列），我删除了两个浮动并删除了我的溢出声明。 Tah-dah，现在完全奏效。

如果其他人在此问题中找到了自己，请查看我曾经弄明白的jsFiddle。感谢Paker的建议。