技术探索

不同浏览器的CSS兼容写法(css hack)

2013-05-04
1013

做网页的朋友经常会遇到因为各浏览器不兼容,导致写出的代码在不同的浏览器下查看发生变形或不一致的情况。下面介绍不同的浏览器是如何区别不同的CSS样式代码的,即所谓的css hack写法:

 

background-color: #CC00FF;   /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE8会显示红色*/
*background-color: #0066FF;   /*IE6、IE7会变为蓝色*/   
_background-color: #009933;   /*IE6会变为绿色*/

 

从以上代码可以看出:

1、所有浏览器都可以识别正常写法,这是当然的 :(

2、在代码后加 \9 后 ie8 可以识别

3、ie6和ie7可以识别 *

4、只有ie6可以识别 _