CSSASSCSSASS

这是一个支持ie6的fixed效果。
针对ie6的关键代码：
html,body{
height:100%;overflow:hidden;
}
body{overflow:auto;}
之后，使用position:absolute就能模拟出fixed效果了。
一般我们使用hack让其他浏览器直接用fixed属性，而让ie6使用这段代码。

（另外：如果不想使用hack,全部使用这段针对ie6的代码，也是可以的。代码如下：）

然而这种方法有个很大的缺陷，它使body内元素无法“正常”使用absolute和relative定位（最起码在ie6下不能避免了）。
为了解决这个问题，我们可以把对body的设置下移，放在下级与fixed效果层同级的层content上面。
改进如下：

这么改进之后，又出现了另外一个缺陷：ie6下，content会有部分被遮盖，这个问题还没想到好的，有效的解决方法。暂时方案就是下面多留空格行了。

标签： fixed, footer

这篇文章发布于 2008年08月28号，星期四，15:58，归类于 CSS2, 浏览器与兼容。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。