网页定位导航兼容ie6并解决下滑时抖动的问题

最新推荐文章于 2019-11-12 22:38:23 发布

原创最新推荐文章于 2019-11-12 22:38:23 发布 · 401 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ie6 #兼容

收录于

本文提供了针对IE6浏览器的网页定位导航兼容性问题及下滑时页面抖动问题的CSS解决方案。通过特定的CSS样式实现绝对定位，并使用expression表达式解决定位问题；同时，通过设置背景图片和固定附件方式解决下滑时的抖动问题。

1、网页定位导航兼容ie6问题

<div id=menu>
   <ul>
      <li>男装</li>
      <li>女装</li>
   </ul>
</div>

* html #menu {
    position: absolute;
    bottom: auto;
    top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}

2、解决ie6下滑时抖动问题

* html, * html body {
    background-image: url(about:blank);
    background-attachment: fixed;
}