固定定位加条件注释
CSS固定定位 position:fixed
通过CSS的定位属性position:fixed来实现固定定位,支持IE7、Firefox、Opera等主流浏览器,IE6及以下版本不支持。
兼容IE6解决方法:
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#main{position:absolute;right:17px;}
fixed元素的绝对位置是相对于HTML元素来说,滚动条是body元素的,这是设置right:17px的原因
</style>
<![endif]-->
兼容IE5.5解决方法:
<!--[if lt IE 6]>
<style type="text/css">
#fixed{position:absolute;top:expression(eval(document.body.scrollTop + 50));}
</style>
<![endif]-->
IE条件注释
<!--[if IE]>
针对所有IE浏览器。
<![endif]-->
<!--[if IE 5.5]>
针对特定IE版本。
<![endif]-->
<!--[if lte IE 7]>
通过参数限定版范围。
<![endif]-->
参数说明:
lt [if lt IE 5.5] 低于
lte [if lte IE 6] 低于或等于
gt [if gt IE 5] 高于
gte [if gte IE 7] 高于或等于
!() [if !(IE 7)] 除了
& [if (gt IE 5)&(lt IE 7)] 并且
| [if (IE 6)|(IE 7)] 或者