cssHack的作用

因为不同的浏览器、同一浏览器的不同版本对于css的解析不一样，导致生成的页面效果不一致。所以针对不同浏览器的css code称之为CSS hack。

经常用的css hack有三种，css内部hack、选择器hack，HTML头部引用hack，常见的是css内部hack。

css内部hack

平常的css是这样写的

.box{

background-color:green;

font-size:25px;

}

而在一些css3也是这样写的

/*Mozilla内核浏览器：firefox3.5+*/ -moz-transform: rotate | scale | skew | translate ;

/*Webkit内核浏览器：Safari and Chrome*/ -webkit-transform: rotate | scale | skew | translate ;

/*Opera*/ -o-transform: rotate | scale | skew | translate ;

/*IE9*/ -ms-transform: rotate | scale | skew | translate ;

/*W3C标准*/ transform: rotate | scale | skew | translate ;

css3还没有同一的标准，各个浏览器都有着自己的表现方式，有的浏览器可以实现，有的浏览器不能实现，所以添加一些前缀来表示特定的浏览器。

内部csshack的语法是selector{<hack>?property:value<hack>?;}

有时候还看到*background-color:green; 这类只有IE6、IE7能解析。其他的直接忽略。

-background-color:red; 在属性名前加“-”，只有IE6能解析，

background-color:blue!important; 只有在IE6中不能解析，其他版本、浏览器都可以解析。

 

ie6

ie7

ie8

ie9

ie10

现代浏览器

*

ok

ok

    

+

 

ok

    

-

ok

     

！important

 

ok

ok

ok

ok

ok

\9

ok

ok

ok

ok

ok

 

\0

  

ok

ok

ok

 

\9\0

   

ok

ok