004hack

有一些情况,有一些特殊的代码我们只需要在某些特殊的浏览器中执行,而在其他的浏览器中不需要执行,这时就可以使用CSS Hack来解决该问题。CSS Hack实际上指的是一个特殊的代码。这段代码只在某些浏览器中可以识别,而其他浏览器不能识别,通过这种方式,来为一些浏览器设置特殊的代码.csshack 不到万不得已不使用.
1.条件Hack
条件Hack.条件hack只对IE浏览器有效,其他的浏览器都会将它识别为注释。IE10及以上的浏览器已经不支持这种方式

<!--以下内容只会出现在IE6中-->
<!--[if IE 6]>
<p>为了您和家人的健康,请远离IE6!!</p>
<![endif] -->
<!--[if lt IE 9]>
<p>该标签会在IE9以下的浏览器中显示</p>
<![endif]-->
<!--[if lte IE 9]>
<p>该标单会在IE9及以下的浏览器中显示</p>
<![endif]-->

keywords
if条件共包含6种选择方式:是否、大于、大于或等于、小于、小于或等于、非指定版本
是否:指定是否E或IE某个版本。关键字:
大于:选择大于指定版本的IE版本。关键字: gt ( greater than )
大于或等于:选择大于或等于指定版本的IE版本。关键字: gte ( greater than or equal )
小于:选择小于指定版本的IE版本。关键字:It ( less than)
小于或等于:选择小于或等于指定版本的IE版本。关键字: Ite (less than or equal )
非指定版本:选择除指定版本外的所有IE版本。关键字: !

2.属性hack
语法:selector{ chack>?property:value chack>?;}
取值:
_ : 选择IE6及以下。连接线(中划线) (- )亦可使用。为了避免与某些带中划线的属性混淆.所以使用下划线(_ )更为合适。
:选择IE7及以下。诸如: (+)与(#)之类的均可使用,不过业界对(*)的认知度更高
\9 :选择IE6+
\0 :选择IE8+和Opera15以下的浏览器

body{
	background-color: #bfa;
	/*在样式前添加一个下划线,则该样式只有IE6及以下的浏览器才可以识别*/
	/*_ background-color: yellow;*/
	/*添加了*的样式只有IE7及以下的浏览器认识*/
	 *background-color: yellow;
	/*在样式最后添加一个\0则只有IE8及以上的浏览器才能识别*/
	background-color: yellow\0;
}

3.选择器hack:

* html .test { color: #090; }  /* For IE6 and earlier */
* + html .test { color: #ff0; }  /* For IE*/
. test:lang (zh-cmn-Hans) { color: #f00; }  /* For IE8+ and not IE */
. test:nth-child(1) { color: #Off; }    /* For IE9+ and not IE */

上述代码中的3,4两行就是典型的利用能力来进行选择的CSS Hack.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值