固定定位加条件注释

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)]     或者

转载于:https://www.cnblogs.com/hidepeng/archive/2011/09/22/2184938.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值