视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
IE6position不支持fixed属性的解决方案_html/css
2020-11-27 15:53:52 责编:小采
文档


  抛出另一个问题: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

下载本文
显示全文
专题