0

似乎background-attachment:fixed CSS 属性值不适用于Internet Explorer 8 中的SPAN元素，尽管 W3C 和所有其他来源都说 IE 确实支持“固定”值而没有任何限制。我的简单 html 如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title> 
         <STYLE type="text/css">
            span {
                background-image:url(empty-bg.png);
                background-repeat:repeat;   
                background-position:0 0;
                background-attachment:fixed;
            }
         </STYLE>
    </head>
    <body>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        <span>HOLE</span><br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
        Text<br/>
    </body>
</html>

我的期望是，当滚动这个页面时，背景图片应该保持固定，所以它会在页面中产生洞的错觉，这在 Firefox 中确实可以完美运行，但在 IE 中它的行为就像它被设置为scroll一样。IE有什么解决方法吗？

4

1 回答 1

1

您是否尝试过使用display: inline-block;span 元素？

无论如何，请注意实际上 IE 对 background-attachment:fixed 的支持是相当错误的，请查看http://www.standardista.com/css3/css3-background-properties/#bg1。如您所见，直到 IE7 它将“固定”值视为“滚动”，而 IE8 可能会错误地放置图像。

于 2013-02-14T21:01:33.957 回答