Heim > Web-Frontend > HTML-Tutorial > IE 6 position不支持fixed属性的解决方案_html/css_WEB-ITnose

IE 6 position不支持fixed属性的解决方案_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:02:43
Original
1131 Leute haben es durchsucht

  抛出另一个问题:IE7已经支持position:fixed了,而IE6却不支持,解决这个问题的办法如下:

  现在有一个元素的id是element,它需要实现fixed效果,我们既想要它在正常的浏览器下使用,也想要它在IE 6下正常工作,那么可以使用CSS hack:

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

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

*html body{background-image:url(about:blank);background-attachment:fixed;}
Nach dem Login kopieren

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

var domThis=$(this)[0];domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' +  50 + ')');
Nach dem Login kopieren

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

 

 -------------------------------------------------------------------------------------------------------------------------------------

本文非原创,转载自: http://www.tonitech.com/1505.html

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage