透明png背景在IE7中产生怪异效果（但仅在某些情况下）

Question

我在IE兼容模式/ IE7中发生了一个非常奇怪的副作用时遇到了一些问题。

我在网站背景div的内容div上使用了透明的png背景-白色，在页面背景图片的顶部，以便略微显示出来。

我认为自己能胜任HTML和CSS的工作，但是我一生无法找到解决方案。

有问题的网页是http://www.freezeframedesign.com/blog 。 它仅在IE7和IE兼容模式下发生-与网站上所有其他页面的外观相比，每篇文章的背景看起来好像背景图像都在其自身上分层了。

元素的CSS是

.studioarticle{
    padding:20px;
    background:url(/siteimages/back_white.png);
    -moz-box-shadow:0px 0px 4px #000;
    -webkit-box-shadow:0px 0px 7px -2px #111;
    box-shadow:0px 0px 4px #000;
}

（我知道box-shadow属性在这里不起作用）

这些都是非常标准的东西。 如果我使用IE开发人员检查器并松开背景图像，则该图像将完全消失，因此，就好像另一个元素也以某种方式获取背景图像一样。

请，如果有人可以查看问题的根源，看看他们是否可以找到问题的根源，或者如果有人以前曾遇到过问题，请让我知道我将如何解决！

我知道这些天使用IE7的人并不多，但是作为一名网页设计师，我想确保我的网站仍可向其他所有人展示。

非常感谢您的帮助！

Answer 1

在studiotitle类中，您的边距为-7px 0 0。 把它拿出来，它将起作用。

根据我的经验，页边距或填充数的负数始终是一个很大的危险信号。

Answer 2

尝试写：

background: transparent url(/siteimages/back_white.png) repeat 0 0;

IE7也可以尝试缩放：1