欢迎来到福编程网,本站提供各种互联网专业知识!

javascript之解决IE下不渲染的bug

发布时间:2007-06-29 作者: 来源:转载
有时候,你会发现,在一些JS应用中,涉及到CSS的重新渲染(即页面样式需要更新)的话,IE死活不变。此时你需要让IE重新渲染一下:functionhandleIEhasLayout(){//triggerre-renderingdocument.body.style.zoom=1.1;//restoreitdocument.body.style.zoom=
有时候,你会发现,在一些JS应用中,涉及到CSS的重新渲染(即页面样式需要更新)的话,IE死活不变。
此时你需要让IE重新渲染一下:


functionhandleIEhasLayout(){
//triggerre-rendering
document.body.style.zoom=1.1;
//restoreit
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注:用这段代码似乎更好一些:

functionreflow(){
varb=document.body;
b.style.zoom=b.style.zoom=="1"?"100%":"1";
}

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

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

相关推荐