css hack总结

很短很短。。但是很重要很重要。

浏览器优先级别:   FF < IE7 < IE6 ，CSS hack书写顺序一般为FF IE7 IE6

以: " #demo" 的样式为例; 　　

#demo { width : 100px ; height : 100px ; border : 1px blue solid \0 }/*被FIREFOX,IE6,IE7执行.*/

* html #demo { width : 100px ; height : 150px ; border : 3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */

*+html #demo { width : 100px ; height : 300px ; border : 1px red solid \9 } /*会被IE7执行*/

 

"\0"IE8识别，IE6、IE7不能,"\0""\9"可以区别所有IE和FireFox.

---------------

所以最后,#demo的高度和边框在三个浏览器的解释为:

FF和谷歌：100px； 没有边框

ie6：150px；绿色，3像素的虚线边框

ie7：330px；红色，1像素的实线边框

ie8和ie9：100px;蓝色，1像素的实线边框

转载于:https://www.cnblogs.com/CherryGhost/archive/2011/07/08/2101134.html