首頁 > web前端 > js教程 > javascript之解决IE下不渲染的bug_javascript技巧

javascript之解决IE下不渲染的bug_javascript技巧

WBOY
發布: 2016-05-16 19:12:00
原創
1141 人瀏覽過

有时候,你会发现,在一些JS应用中,涉及到CSS的重新渲染(即页面样式需要更新)的话,IE死活不变。
此时你需要让IE重新渲染一下:


function handleIEhasLayout(){
  //trigger re-rendering
  document.body.style.zoom = 1.1;
  //restore it
  document.body.style.zoom = '';
}


有问题,记得执行一下handleIEhasLayout,万事OK。

原文:http://realazy.org/blog/2007/04/02/ie-haslayout-rerendering/

引用
IE5 似乎没有这个问题,IE6 有,我的 IE7 还是 beta2,版本号是 7.0.5346.5,也没有这个问题,一个朋友用的 beta3 版本号是 7.0.5450.4 居然说也有问题,我没有测试,用这个版本 IE 的朋友可以帮忙看看。


Dnew.cn 注:用这段代码似乎更好一些:

function reflow(){
var b = document.body;
b.style.zoom = b.style.zoom=="1"?"100%":"1";
}



使用style.zoom在某些情况下还会出现不能全部渲染的问题,比如页面内容很少,没有占满屏幕。
(shiweiwei97)的方法是:

document.body.style.display = “none”;
document.body.style.display = “”;

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板