javascript之解决IE下不渲染的bug_javascript技巧
程序员文章站
2022-06-07 13:41:38
...
有时候,你会发现,在一些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 = “”;
此时你需要让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 = “”;
推荐阅读
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
ie 处理 gif动画 的onload 事件的一个 bug_javascript技巧
-
IE中JS跳转丢失referrer问题的2个解决方法_javascript技巧
-
IE6-IE9不支持table.innerHTML的解决方法分享_javascript技巧
-
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法_javascript技巧
-
javascript之解决IE下不渲染的bug_javascript技巧
-
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法_php技巧
-
使用时间戳解决ie缓存的问题_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
IE 下Enter提交表单存在重复提交问题的解决方法_javascript技巧