IE6下CSS position:fixed 的修正解法

作者：袖梨 2022-06-25

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览器.

相关文章

精彩推荐