教程集 > CSS教程 > 经典实例 > 正文 IE6下CSS position:fixed 的修正解法

IE6下CSS position:fixed 的修正解法

发布时间：2020-05-15 编辑：jiaochengji.com

教程集为您提供IE6下CSS position:fixed 的修正解法等资源，欢迎您收藏本站，我们将为您提供最新的IE6下CSS position:fixed 的修正解法资源

在ie6下css中的position:fixed用起来有一些问题，下面我来介绍IE6下CSS position:fixed 的修正解法，各位朋友可参考。

IE6 不支援 CSS position:fixed 的写法, 所以需要用其他写法达成.

网路上可以找到的解法非常多, 都列在下面的相关网页当参考资料, 有兴趣的在自行研究萝~

IE6 对於 CSS position:fixed 的修正解法
在此直接写我的作法:

代码如下	复制代码
#id_or_class_name { position:fixed!important; _position:absolute; bottom:0; /_bottom:-20px;/ _z-index:10; right:0; }

修改时, 一般?g览器修改 bottom, right, 针对 IE6 修改 _bottom, _right 等. (以上 right 重复可以共用, 就不写在上面. (若是要出现在其他区域, 自行修改成 top / left.. 等即可.)

?: _bottom, _z-index 都是给 IE6 看的.

IE6 对於 CSS position:fixed 的修正解法2
这篇的解法我没有测试, 但是看起来是类似的, 写法比较简短, 详见: IE6 的 position:fixed Hack, 下述摘录自此篇解法:

代码如下	复制代码
html, body {height:100%; overflow: auto;} div {position:absolute;} body>div {position:fixed;}

?: 前两行是针对 IE6, 最后那一行就是给一般的?g览器.

[关闭]