2013-02-13 60 views
0

看来,背景附件:固定 CSS属性值不为SPAN元素在Internet Explorer 8中尽管W3C和其他一切工作消息人士表示,IE确实支持“固定”价值,没有任何限制。 我简单的HTML是如下:背景附件:固定的SPAN元素在IE8不工作

<!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的解决方法?

回答

1

您是否使用过span元素的display: inline-block;

无论如何,请注意,实际上IE支持background-attachchement:fixed是很麻烦的,请检查http://www.standardista.com/css3/css3-background-properties/#bg1。正如你所看到的,直到IE7它将“固定”值视为“滚动”,而IE8可能会错误地放置图像。

+0

谢谢!它的作品完美:) – AlexS 2013-03-19 22:02:40