CSS Hack

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

在一些特殊情况,需要某一段代码仅在某些特殊浏览器(IE,不具体点名)中执行,而在其他浏览器中忽略,此时则可以使用CSS Hack。

条件Hack

条件Hack仅对IE浏览器有效,其他浏览器都会将其识别为注释。
仅支持IE10以下的浏览器,不包括IE10.

语法:

<!--[if keywords IE version]>
    HTML代码块
<![endif]-->

keywords:
:是否
gt:大于(greater than)
gte:大于等于(greater than or equal)
lt:小于(less than)
lte:小于等于(less than or equal)
!:非指定版本

version:6789

例:

<!-- 以下内容只显示在IE10以下的浏览器 -->
<!--[if IE]>
    <h1>为了您和家人的健康,请远离IE!<h1/>
<![endif]-->

<!-- 以下内容只显示在IE6浏览器 -->
<!--[if IE 6]>
    <h1>为了您和家人的健康,请远离IE6!<h1/>
<![endif]-->

<!-- 以下内容只显示在小于IE9的浏览器 -->
<!--[if lt IE9]>
    <h1>我只在小于IE9的浏览器中显示<h1/>
<![endif]-->

属性级Hack

语法:选择器{<hack>?样式名:样式值<hack>?;}
在样式前添加:
_: 选择IE6及以下
*:选择IE7及以下

在样式后添加:
\9:选择IE6以上
\0:选择IE8+和Opera15以下

Hack有风险,使用需谨慎。
CSS Hack不到万不得已时尽量不要使用。

条件符级别Hack

* html 选择器{样式名:样式值}:仅选择IE6

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/69.html