Firefox BUG:頁面太大的時候background-image背景圖片渲染出錯

來源:互聯網
上載者:User

很簡單的一個頁面,如下:


<!doctype html> 
<html> 
<body style="background-image:url(1.gif)"> 
 
<div style="width:80000px; height:80000px;"></div> 
 
</body> 
</html> 
<!doctype html>
<html>
<body style="background-image:url(1.gif)">

<div style="width:80000px; height:80000px;"></div>

</body>
</html>
一個定義了背景圖片的超大頁面,在Firefox下,把水平捲軸拖到很右邊,或者把垂直捲軸拖到很下邊,就會發現背景圖片沒了,或者背景圖片殘缺。

具體多大不確定,我的機子上,超過50000X50000一定會重現這個bug。

並且Firefox所有版本到目前為止都有這個BUG,其它瀏覽器IE/Safari/Chrome/Opera都沒有這個問題。


 

如果出錯的時候,再切換視窗,或者拖動捲軸,都會導致進一步錯亂。

如果我們的web app不可避免的要在Firefox下用到超大頁面,那就只能自己類比了,用一個浮動層來展示背景,動態調整浮動層的座標。

摘自 無心的專欄
 


 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.