WEB前端

IE6下position不支持css fixed属性的解决方法

位置:首页 > WEB前端 > css教程,2014-12-02
现在有一个元素的id是element,它需要实现fixed效果,我们既想要它在正常的浏览器下使用,也想要它在IE 6下正常工作,那么可以使用CSS hack:1
现在有一个元素的id是element,它需要实现fixed效果,我们既想要它在正常的浏览器下使用,也想要它在IE 6下正常工作,那么可以使用CSS hack:

1 #element {
2 position: fixed;
3 top: 450px; /* 其他浏览器下定位,在这里可设置坐标*/
4 _position: absolute; /*IE6 用absolute模拟fixed*/
5 /*IE6 动态设置top位置*/
6 _top: expression(eval(document.documentElement.scrollTop) +  450);
7 }

      这样就可以实现这个元素距离顶部450像素固定,你还可以添加下面的代码实现去除页面抖动的效果:

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


     在前文中,通过_top设置CSS样式,那么怎么修改expression的样式呢:

1 var domThis=$(this)[0];// http://yige.org/
2 domThis.style.setExpression(
3 'top', 'eval((document.documentElement).scrollTop + ' +  50 + ')'
4 );

 通过这种方式,就可以达到修改的目的了。

TAGS:css fixed属性

猜你喜欢

NewHot