背景附件：固定的SPAN元素在IE8不工作

看來，背景附件：固定 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的解決方法？

來源

2013-02-13 AlexS

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

無論如何，請注意，實際上IE支持background-attachchement：fixed是很麻煩的，請檢查http://www.standardista.com/css3/css3-background-properties/#bg1。正如你所看到的，直到IE7它將「固定」值視爲「滾動」，而IE8可能會錯誤地放置圖像。

來源

2013-02-14 21:01:33 Corneliu

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

背景附件：固定的SPAN元素在IE8不工作

回答

相關問題