读书人

css hack 解决ie6 position:fixed不支

发布时间: 2014-06-09 16:36:55 作者: rapoo

css hack 解决ie6 position:fixed不支持问题
最近的一个项目要求做一个侧边栏,固定于窗口的左右侧,但是遇到ie6就熄火了,下面给出一种解决方案(ie6 expression hack):

主要思路是ie6以上浏览器用position:fixed,此外添加ie6hack,为渲染元素给出_position:absolute,最关键的部分,采用_top:expression(eval(document.documentElement.scrollTop + 30)); 带起fixed中的投top:30px;

此种表达式还有:
document.body.clientWidth
screen.availWidth
……

但此处为解决dom隐藏问题,在ie6下不支持,我采用了js隐藏,如果谁有更好的方法,拿出来大家一起交流一下

以下给出一个实例:

 

读书人网 >操作系统

热点推荐