Question

似乎 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中它的行为就像设置为滚动即可。 IE的解决方法是什么？

Answer 1

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

无论如何，请注意实际上IE支持后台附件：修复非常错误，请检查http://www.standardista.com/css3/css3-background-properties/#bg1。正如您所看到的，直到IE7，它将“固定”值视为“滚动”，而IE8可能会错误地放置图像。

background-attachment：fixed对IE8中的SPAN元素不起作用

1 个答案: