由于浏览器的版本多每个都有自己的css样式标准总体来说还是一样的,但还是有那么一些不同的地方没有达到一直标准,这时候我们只能调用浏览器只有自己能识别的css进行修改达到界面尽量一直的效果,之前有写过只有专门针对IE浏览器能调用的代码,这次的文章更详细对于过低或者过高的浏览器都有自己识别的css hack我们一切以举例说明。
只有IE6识别的css:
[code]_width:4px;[/code]
只有在属性前加上“_”就是只有IE6能识别的样式。
只有IE7识别的css:
[code]*width:4px;[/code]
只有在属性前加上“*”就是只有IE6能识别的样式。
只有chrome和Safari识别的css样式:
[code]@media screen and (-webkit-min-device-pixel-ratio:0) {
#slider4 li img{height:239px;}
}[/code]
这个是因为都是基于webkit内核的原因,之前也介绍过浏览器各自的内核文章简单了解浏览器内核。
只有IE浏览器能识别的代码:
[code]<!–[if IE]><![endif]–>[/code]
详细内容请查看《<!–[if IE]><![endif]–>的使用》
只有火狐浏览器能识别的代码:
[code]@-moz-document url-prefix(){
ul.pic_show li span{margin-top:0px;}}[/code]