`
weimou66
  • 浏览: 1245963 次
文章分类
社区版块
存档分类
最新评论

IE/WINDOWS上的漂浮BUG

 
阅读更多
CSS漂浮特性可以使一个元素紧靠另一个元素横排
例如如下规则:

#maintext {
float:left;
}

"maintext"里的文档最好简明。IE/WINDOWS的一个程序bug会删剪掉漂浮在div里较长的文档,使读者看不到完整的文档,同时还会造成滚动条的消失。读者必须刷新网页,并快速连续按两次F11键才能看到全部的文档,恢复浏览器的滚动条。可是没人原意每登录严格新网页就按两次F11键来刷新,太麻烦了。
这个bug,将可能影响到IE6/Windows的一些用户。
固定原值
很明显,IE6在计算块级元素的高度发面出现了一个严重的问题。
比如,如果第一个网页"maintext”div的高度是300px,而第二页的高度是1400px,则在第二页显示时IE会将器判断为300px,而不是1400px。为了解决这个问题,我们必须使用下面这段代码(JavaScript)

if ( document.all && window.attachEvent )
window.attachEvent("onload",fuxWinIE);
function fixWinIE(){
if (document.body.scrollHeight
document.all.content.offsetHeight ) {
document.all.content.style.display = 'block';
}
}

这几行定义使你能无所顾及的使用float的属性创建CSS布局
例如你的网页中含有id名称为“maintext”的div里的漂浮内容,则你应该如下抒写

if ( document.all && window.attachEvent )
window.attachEvent("onload",fuxWinIE);
function fixWinIE(){
if (document.body.scrollHeight
document.all.maintext.offsetHeight ) {
document.all.maintext.style.display = 'block';
}
}

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics