IE 6 position不支持fixed属性的解决方案_html/css_WEB-ITnose
程序员文章站
2022-05-17 13:06:17
...
抛出另一个问题: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); }
这样就可以实现这个元素距离顶部450像素固定,你还可以添加下面的代码实现去除页面抖动的效果:
*html body{background-image:url(about:blank);background-attachment:fixed;}
在前文中,通过_top设置CSS样式,那么怎么修改expression的样式呢:
var domThis=$(this)[0];domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' + 50 + ')');
通过这种方式,就可以达到修改的目的了。
-------------------------------------------------------------------------------------------------------------------------------------
本文非原创,转载自: http://www.tonitech.com/1505.html
上一篇: PHP实现时间轴函数代码
下一篇: 怎么将接收到的数组转成如下格式
推荐阅读
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
-
ie6设置select下拉列表的属性不起作用_html/css_WEB-ITnose
-
一个很实用的css3兼容工具很多属性可以兼容到IE6_html/css_WEB-ITnose
-
一个很实用的css3兼容工具很多属性可以兼容到IE6_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
z-index属性在IE7和IE6的兼容问题_html/css_WEB-ITnose
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
-
IE 6 position不支持fixed属性的解决方案_html/css_WEB-ITnose
-
IE 6 position不支持fixed属性的解决方案_html/css_WEB-ITnose
-
让IE6支持position:fixed的方法,CSS expression与JavaScript eval讲解_html/css_WEB-ITnose