首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 操作系统 >

css hack 解决ie6 position:fixed不支持有关问题

2014-06-09 
css hack 解决ie6 position:fixed不支持问题最近的一个项目要求做一个侧边栏,固定于窗口的左右侧,但是遇到

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隐藏,如果谁有更好的方法,拿出来大家一起交流一下

以下给出一个实例:

 

热点排行