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

---

HTML #fixed #ie62014-06-23 17:07

---

现在有一个元素的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];// http://yige.org/
domThis.style.setExpression(
'top', 'eval((document.documentElement).scrollTop + ' +  50 + ')'
);

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

---

相关文章

• 表单重复提交问题解决方法 2014/04/08
• HTML表格边框的隐藏 2014/04/08
• 用DIV做表格 2012/07/11
• 用div挡住flash的实用办法 2012/06/16
• 千呼万唤HTML5 (1) - 根元素, 元数据元素, 脚本元素 2012/06/14
• HTML5 canvas的模拟事件 2012/06/14
• 了解data:image/png;base64是什么 2012/06/02
• 常用HTML5移动应用框架的比较分析 2012/06/02
• QQ客服的HTML代码 2012/05/24
• IE6下fixed解决方法 2012/05/21