IE6 IE7 Firefox Opera Safari 的 CSS Hacks

IE系列

div { +property:value; } 在属性名前加上加号”+”,这个Hack只有IE系列可以识别.
div { *property:value; } 在属性名前加上星号”*”,这个Hack只有IE系列可以识别.
div { _property:value; } 在属性名前加上下划线”_”,这个Hack只有IE6 识别.
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/

IE的if条件Hack

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->


Firefox

*:lang(lang) div { property:value !important; } /*用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.*/
div, x:-moz-any-link { property:value; } /*目前只有Firefox可以识别.*/

Safari

div:empty { property:value !important; } /*用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.

Opera

@media all and (min-width: 0px){ div { property:value; } } /*利用特殊继承法进行定义的话,目前只有Opera可以识别.*/

标签:css, ie, firefox, opera, safari, hack

添加新评论