firefox的csshack
只在firefox上应用的css hack,虽然这种情况非常少,但有时也会碰到:
@-moz-document url-prefix() { .cssselector { font-size: 14px; }}
chrome的csshack
只在chrome上应用的css hack,目前这种情况还没有碰到(使用chrome作为开发浏览器的原因?),有备无患吧。
@media screen and (-webkit-min-device-pixel-ratio:0) { #test1{color:red;}}
ie6/7/8/9+的css hack 只在ie上应用的css hack, 这种情况几乎经常碰到, 这里使用的是一种通用的方法,情况复杂,需要先划分一下版本:
在body上附加一个ie版本的class
hack css跟其他css文件写一起。
ie9+ 不加hack;ie6,ie7, ie8 加 ie的前辍, ie6多加一个ie6的前辍hack (大部分给ie7/8写的hack, ie6都会用到)
为ie附加新的css文件
ie7/8多加一个,ie6多加两个,就让ie多装点东西吧,不要污染别的css文件
注* lt 是 less than的意思;即 ifless than ie9 = if lt ie 9,还有几个,不过用得比较少
gt: greater than lte: less than or equal to
