CSS的条件注释

在浏览器厂商市场切割及版本多化的今天,单单是给CSS做HACK,己不能满足页面制作的要求,完美的页面结构,可以省去很多的HACK,但因版本间不同 的盒子模型来说,与其去写HACK,还不能更省时间地去为每个不同解释定义的版本写一套CSS (说是写一套,事实上也是在原有的修改一下数值),无论在制作时间上还是....,这都是一个可以考虑的解决方案....
这就用到CSS的条件注释(Conditional Comments),声明,这不是一个新东东,我也不想忽悠大家.
这是一种只在Windows下的IE上被识别的注释,从IE5开始支持。这就是说,被定义于其中的东西只在IE下被识别,这就 成为了一个很好的跨浏览器样式一致解决方案。下面是其详细的语法:
    <!--[if IE]>
    在IE下显示
    <![endif]-->
    <!--[if IE 5]>
    在IE 5下显示
    <![endif]-->
    <!--[if IE 5.0]>
    在IE 5.0下显示
    <![endif]-->
    <!--[if IE 5.5]>
    在IE 5.5下显示
    <![endif]-->
    <!--[if IE 6]>
    在IE 6下显示
    <![endif]-->
    <!--[if IE 7]>
    在IE 7下显示
    <![endif]-->
    <!--[if gte IE 5]>
    在IE 5及更高版本下显示
    <![endif]--->
    <!--[if lt IE 6]>
    在IE 6一下版本中显示
    <![endif]-->
    <!--[if lte IE 5.5]>
    在IE 5.5及一下版本显示
    <![endif]-->
    <!--[if gt IE 6]>
    在IE 6以上显示
    <![endif]-->
此外,还提供了另外一种方法——注释标签(Comment Tag)。即在Windows和Mac的IE中支持一种非标准的标签:,包含于这个标签内的内容在IE下将被解释为注释从而无效,而在非IE浏览器中会将comment标签忽略从而使里面的内容有效。
它不但可以技巧式的去判断不同版本间解读的CSS,同样也可以解读页面的结构,举一反三.... 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值