温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何解决IE6 position:fixed 固定定位问题

发布时间:2021-11-17 17:45:30 来源:亿速云 阅读:166 作者:柒染 栏目:web开发

这篇文章将为大家详细讲解有关如何解决IE6 position:fixed 固定定位问题,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

和大家重点讨论一下如何解决IE6 position:fixed 固定定位问题,CSS中的position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化,希望本文介绍对你学习有所帮助。

解决IE6 position:fixed 固定定位问题

position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化。

◆一般的 position:fixed; 实现方法

view sourceprint?

1.#top{   2.position:fixed;   3.bottom:0;   4.right:0;   5.}

◆在 IE6 中实现 position:fixed; 的办法

view sourceprint?

1.#top{   2._position:absolute;   3._bottom:auto;   4._top:expression(eval(document.documentElement.scrollTop+document.  documentElement.clientHeight-this.  offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-  (parseInt(this.currentStyle.marginBottom,10)||0)));   5.}

◆position:fixed; 闪动问题

现在,问题还没有完全解决。在用了上面的办法后,你会发现:被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:

view sourceprint?

1.*html{   2.background-image:url(about:blank);  3.background-attachment:fixed;   4.}

*是针对IE6

关于如何解决IE6 position:fixed 固定定位问题就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI