fixed真的是一个很好的属性。特别是做弹层的时候。可惜的是“国内主流浏览器”IE6大大不支持。
一般的我们都会通过CSS中的表达式来解决这个问题。
?
|
1 2 3 4 5 |
|
好吧，希望施主的钛合金眼还好。一闪一闪亮晶晶~~~
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整理篇,布布扣,bubuko.com
时间： 2024-08-10 15:01:03