Firefox BUG:頁面太大的時候background-image背景圖片渲染出錯 – Javascript教程_JS教程_技術文章 – 程式設計聯盟

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

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

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

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

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

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


 

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

如果我們的web app不可避免的要在火狐下用到超大頁面,那就隻能自己模擬瞭,用一個浮動層來展示背景,動態調整浮動層的坐標。

摘自 無心的專欄
 

 

發佈留言