IE下实现position:fixed效果 - 我的天地
IE下实现position:fixed效果
IE是不支持position:fixed属性的(除了将要释出的IE7),所以在IE下面要完成层相对窗口不动的效果一般要用到frame,但是 复杂度可想而知,而且要想做出“浮动”的效果很麻烦。前两天lyanry问起overflow标签,忽然想到可以用overflow达到fixed的效 果,试了几次,确实可行。
举个例子,在css里面添加这么两个属性:
-
html{
-
overflow: hidden;
-
}
-
body {
-
margin: 0px;
-
overflow: auto;
-
height: 100%;
-
}
这是啥米意思呢?首先,html的overflow:hidden,使得超出窗口范围的内容隐藏,这样就不会在窗口右侧出现滚动条了。body的 height:100%,使得body内的页面内容的高度永远都是窗口的大小,body的overflow:auto使得内容超出范围了就自动加上滚动 条。
想让它浮动的层,就用position:absolute,然后指定位置就可以了,这样就做出了position:fixed的效果。
也就是说,窗口右边的滚动条实际上是body的滚动条,而不是浏览器的滚动条,不信的话,把body的margin改一下就看到了,^_^
2011年5月10日 23:16
刚好用到了,万恶的IE6总让我们进步