CSS修复IE6下不认position:fixed的问题

暴风影音3去广告方法就是要无污染的感觉

博客搬家！

Large | Medium | Small

gently , Nov/14/14:50 , UI , Comments(0) , Trackbacks(0) , Reads(878) , From Original

帮一个同事整她的博客，其模板在IE7和FF下浏览都是正常的，但是在IE6下变的异常糟糕！偶细细查找了一回，确定问题出在position:fixed上，IE6根本不认识固定定位的。于是打算修复，在网上狂搜了一通，忽略JS的代码，因为同事的blog是blogbus的，没有找到地方可以插入JS代码！
因为IE6不认fixed，只好将其position:absolute来绝对定位，然后将原来的滚动条隐藏，利用body产生一个新的滚动条，再加上ie6对100%的特殊理解，我们的hack利用就出来了，OK，看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>position:fixed in IE6 修正</title>
<style type="text/css">

</style>
</head>

<body>
<div id="leftMenu">
  这是左侧的菜单，在标准的浏览器中采用固定定位，而非标准的浏览器（IE6）中，使用了一些HACK，和IE6本身的BUG！
  enjoy it!（这句英语帅不？）
</div>

<div id="main">
  这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。
  &nbsp;
  &nbsp;
  &nbsp;
  这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。
  &nbsp;
  &nbsp;
  这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  拖动页面右边滚动条，你可以看到，灰色的左菜单始终固定，这种现象不止于IE7、FireFox，在IE6下也有较为完美的表现~这个是一个测试，IE6下position:fixed是不能使用的，但是我们使用一些技巧就能完美修复这个BUG！
  欢迎您光临我的博客: http://www.zendstudio.net/，gently原创内容，谢谢保留本段文字。
  &nbsp;
  &nbsp;
</div>
</body>
</html>

你可以点击预览直接查看效果。