解决IE6不支持position:fixed的bug

最新推荐文章于 2021-08-27 10:51:16 发布

转载最新推荐文章于 2021-08-27 10:51:16 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/elves/p/3498295.html

本文提供了一种解决IE6浏览器兼容性问题的方法，包括使用特定的CSS样式来实现固定定位，并修复了IE6中存在的显示振动bug。通过这些技巧，可以确保网站在老旧浏览器中也能正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*完整代码 */

/* 除IE6浏览器的通用方法 */
.ie6fixedTL
{
    position: fixed;
    left: 0;
    top: 0;
}
.ie6fixedBR
{
    position: fixed;
    right: 0;
    bottom: 0;
}
/* IE6浏览器的特有方法 */
/* 修正IE6振动bug */
* html, * html body
{
    background-image: url(about:blank);
    background-attachment: fixed;
}
* html .ie6fixedTL
{
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop));
}
* html .ie6fixedBR
{
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}