打造IE6的position:fixed整理篇

标签：blog   os   width   io   2014   问题   

fixed真的是一个很好的属性。特别是做弹层的时候。可惜的是“国内主流浏览器”IE6大大不支持。

一般的我们都会通过CSS中的表达式来解决这个问题。

.fixed { 
position:absolute; 
left:expression(eval(document.documentElement.scrollLeft)); 
top:expression(eval(document.documentElement.scrollTop)) 
}

html,html body {
background-image:url(about:blank);
background-attachment:fixed
}

这个已经是IE很出名的“BUG” 了，当滚动或调整浏览器大小时，它将重置所有内容并重画页面，会重新处理CSS表达式，最终就闪坏了施主的钛合金眼。上面的代码可以让浏览器在重画之前首先处理CSS表达式，这样就让你实现完美的fixed了。

其实还有个问题了……，做弹层的时候居中的问题。

非IE6的时候

.float {
left:50%;
top:50%;
margin-left:-262px;
margin-top:-180px;
width:525px;
height:360px;
}

 left和top的属性已经被表达式占用了。这个也很简单的，获取页面的宽度和高度，计算出直接的margin值就好了。

注意高度应该用document.documentElement.clientHeight，这样的话就是可视区域的高度。特别是用遮罩层的时候，否则会出现，页面可以无限下拉的情况。

打造IE6的position:fixed整理篇,码迷,mamicode.com

打造IE6的position:fixed整理篇

标签：blog   os   width   io   2014   问题   

原文地址：http://blog.csdn.net/sbt0198/article/details/24797239