Question

我正在尝试创建一些嵌套的div，其中中间的div应该有一个固定的背景图像，在滚动时不会与其余内容一起移动。虽然我的解决方案适用于FF，Chrome和Opera我在IE7中仍有问题。我知道这是IE7中的已知错误，但我仍然无法理解它是如何解决的。

<div style="width: 240px; height:320px;">
<div style="width: 240px; height:320px; background: url(http://new-things-to-come.com/imgs/prsite.png);position: relative; background-color : #666; background-repeat: no-repeat; background-position: top left; background-attachement: fixed; text-align: left; color: #fff;  font-family: Verdana, sans-serif; font-size: 100%;;overflow-y : scroll;">

    <div>
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr
        </p>
    </div>

</div>

在here中可以看到一个例子。

由于

Answer 1

您可以将background-attachment: fixed;添加到CSS。它看起来已经解决了这个问题。

滚动时背景图像位置的IE 7问题

1 个答案: