CSS HACK 兼容Trident、Gecko、Presto、webkit、Presto 写法汇总(不断更新\未完成)

{引语}目前浏览器的内核很多,但是我们常用的有Trident、Gecko、Presto、webkit、Presto 五种内核。
先在这里介绍这五种内核分别在不同浏览器下的应用。

Trident内核

又名:IE内核
应用浏览器:IE浏览器、360浏览器、Maxthon、The World 、TT、GreenBrowser、AvantBrowser、傲游浏览器3+、QQ浏览器6.11+、搜狗高速浏览器、Lunascape

Gecko内核

又名:Firefox内核
应用浏览器:Firefox、Redfox、Madfox、DR.Orca、K-Meleon、Netscape 6.0 之后版本、Lunascape

Presto内核

又名:Opera内核
应用浏览器:Opera、NDSBrowser、Wii Internet Channle、Nokia 770网络浏览器

Webkit内核

又名:Safari内核
应用浏览器:Google Chrome、Safari浏览器、傲游浏览器3+、QQ浏览器6.11+、搜狗高速浏览器、Lunascape

Presto内核

应用浏览器:Opera 9.5

CSS Hack的原理是什么

由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。
类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等
选择器Hack:比如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。等等HTML头部引用(if IE)Hack:针对所有IE:,针对IE6及以下版本:,这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。
书写顺序,一般是将识别能力强的浏览器的CSS写在前面。下面如何写里面说得更详细些。

如何写CSS Hack

比如要分辨IE6和firefox两种浏览器,可以这样写:


参考资料:http://baike.baidu.com/view/1119452.htm#3

http://ce.sysu.edu.cn/hope2008/beautydesign/ShowArticle.asp?ArticleID=11299

你可能感兴趣的:(DIV+CSS)