IE 6 position不支持fixed属性的解决方案
2014-06-23 07:28
281 查看
抛出另一个问题:IE7已经支持position:fixed了,而IE6却不支持,解决这个问题的办法如下:
现在有一个元素的id是element,它需要实现fixed效果,我们既想要它在正常的浏览器下使用,也想要它在IE 6下正常工作,那么可以使用CSS hack:
这样就可以实现这个元素距离顶部450像素固定,你还可以添加下面的代码实现去除页面抖动的效果:
在前文中,通过_top设置CSS样式,那么怎么修改expression的样式呢:
通过这种方式,就可以达到修改的目的了。
-------------------------------------------------------------------------------------------------------------------------------------
本文非原创,转载自: http://www.tonitech.com/1505.html
现在有一个元素的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
相关文章推荐
- 手机QQ内置浏览器position:fixed 属性支持不好的解决方案
- IE6不支持 position:fixed 的解决方案
- IE6浏览器不支持固定定位(position:fixed)解决方案
- ie 7/8不支持trim的属性的解决方案
- IE6浏览器不支持固定定位(position:fixed)解决方案
- 解决position: fixed;不兼容IE7的问题,由于IE6不支持些属性,可以不管
- ie6 不支持position:fixed的解决方案
- ie6,ie7,ie8完美支持position:fixed的终极解决方案
- 【解决】Android 2.x 不支持overflow、position:fixed解决方案
- IE6下position:fixed不支持问题及其解决方案
- 实现 IE6 下支持 position-fixed 的 CSS 属性并解决“振动”的问题
- 【解决】Android 2.x 不支持overflow、position:fixed解决方案【转】
- 元素设置position:fixed属性后IE下宽度无法100%延伸
- IE6浏览器不支持固定定位(position:fixed)解决方案
- 让IE支持position:fixed
- position:fixed——IE条件注释解决方案
- 解决IE6不支持position:fixed属性
- IE6浏览器不支持固定定位(position:fixed)解决方案(转)
- IE系列不支持CSS的圆角border-radius等属性的解决方案
- IE系列不支持圆角等CSS3属性的解决方案