外置
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; }
* html .main{ float:left;#float:none;_float:none; }
第1行給Firefox以及其他瀏覽器看
第2行給safari/IE6/iE7看，如果safari/IE6/iE7 視覺效果不統(tǒng)一，就要在后面跟IE6/IE7的定義
第3行給IE7看
第4行給IE6以及更老的版本看

內(nèi)置
.main{ float:left;#float:none;_float:none;[float:none;]float:none; }
第1個(gè)float給Firefox以及其他瀏覽器看
第2個(gè)加#的float給IE7看
第3個(gè)加_的float給IE6以及更老的版本看
第4個(gè)加[的float給safari看
第5個(gè)加]的float給IE看
各種常見瀏覽器使用的內(nèi)核 (Rendering Engine)
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari Swift ( WebKit )

用css自動隱藏超出寬度內(nèi)容并省略顯示，瀏覽器兼容ie、ff
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
基本非IE的瀏覽器的私有屬性都會以-xxx-這樣開始，
-o-就是以Presto為引擎的 Opera私有的、
-icab-是iCab私有的，
-khtml-就是以KHTML為引擎的瀏覽器（如Konqueror Safari）、
-moz-就是以mozilla的Gecko為引擎的瀏覽器（如Firefox，mozilla）、
-webkit-就是以Webkit 渲染引擎（是KHTML的衍生產(chǎn)品）的瀏覽器（如Safari、Swift）。
并不是說像-moz-text-overflow現(xiàn)在有用，而是一個(gè)幻想的寫法，當(dāng)一個(gè)瀏覽器的開發(fā)人員決定在瀏覽器支持一種還沒得到公認(rèn)的屬性時(shí)，一般 都會在屬性的前面加上-xxx-這種，表明這種是屬于該瀏覽器私有的屬性，當(dāng)然，這些屬性多數(shù)來自CSS3的，使用這樣的寫法在瀏覽器升級后也許才有作 用.

IE、Firefox、Opera和Safari對CSS樣式important和*的支持
1、IE6、IE7都支持 *，但I(xiàn)E8終于回歸正統(tǒng)，放棄了對*的支持
2、IE7、IE8、Firefox、Opera、Safari都支持 important
顧名，important的優(yōu)先級要高. 舉例說明：
<style type=”text/css”>
body
{
background-color:#FF0000 !important;
*background-color:#00FF00 !important;
*background-color:#0000FF;
background-color:#000000;
}
</style>
IE6選擇最后一個(gè)，即：background-color:#000000; （因?yàn)镮E6對important不支持）
IE7選擇第二個(gè)，即：background-color:#00FF00;（因?yàn)镮E7開始對important支持了，同時(shí)還死守著它對 * 感情的最后一版本，但important并未起到優(yōu)先級的作用）
IE8和Firefox、Opera、Safari選擇第一個(gè)，即：background-color:#FF0000 !important;（IE8完全支持于important，同時(shí)丟棄了對*的感情）
另外再補(bǔ)充一個(gè)，下劃線”_“,IE6支持下劃線，IE7、IE8和Firefox、Opera、Safari均不支持下劃線。

最新評論