footer始终固定于窗口底部(支持ie6的fixed效果) 作者:Neoxone 发表时间: 2008年08月28号,星期四 阅读:23,495 次
以上是一个支持ie6的fixed效果。
针对ie6的关键代码如下:
html,body{height:100%;overflow:hidden;}
body{overflow:auto;}
经过以上设置之后,在使用position:absolute时就能模拟出fixed效果了。
一般来说我们使用hack让其他浏览器直接用fixed属性,而让ie6使用这段代码。
如果不想单独对ie6使用hack,全部使用这段针对ie6的代码,也是可以的。代码如下:
然而这种方法有个很大的缺陷,它会使body内元素无法“正常”使用absolute和relative定位(最起码在ie6下不能避免了)。
为了解决这个问题,我们可以把对body的设置下移,放在下级与fixed效果层同级的层content上面。
改进如下:
这么改进之后,其实还是会有一个下缺陷:在ie6下,content会有部分被遮盖。