一。在 css中常用特殊字元識別表:二。2.在ie瀏覽器中不能夠理解！important的優先順序，因此，可以利用！important，設定針對ie和非ie的瀏覽器的樣式，只要在feiie流浪其樣式的後面加上1important就可以了 .
三。相容ie與firefox的css 線性漸變（linear-gradient）見網頁
在head標籤中加入
五。ie的if hack:
按原意是:
lt：less than 當前指定版本以下，不包含當前版本
gt：greater than 當前指定版本以上，不包含當前版本
lte：less than or equal 當前指定版本以下，包含當前版本(等於)
1. 除ie外都可識別
2. 3.
4. 5.
6. 7.
8. 9.
10.
11.
demos:
/* css中*/
/* html 中*/
/*新增class*/
/*新增link css*/
六。針對火狐height:auto無效解決方案（css clearfix）
firefox等符合w3c標準的瀏覽器中，如果有乙個div作為外部容器，
內部的div如果設定了float樣式，則外部的容器div因為內部沒有clear，導致不能被撐開(auto不起作用)。
method1:直接在最大層加入 overflow:hidden;
method2:在float:left的div之後 加入
這樣加入的弊端是，js dom找
節點時會出現了乙個多餘的節點，這個也是個沒用的div
七。ie6對floating的問題：
針對ie6 對 float 元素顯示不正常的問題
測試了很多次，發現跟 margin 和 padding 沒有直接的關係，本質的問題根源在於，包含 float 元素的外層 div，沒有設定足夠的寬度和高度，也就是說，這個容器沒有足夠的空間用來顯示內部所有的 float 元素。
margin 和 padding 只是乙個間接原因，如果沒有內外邊距，可能外層 div 剛好可以容納內部的 float。
加上邊距後，每個 float 占用的空間就變大了，首先帶來的問題是 div 的寬度不夠，那麼，愚蠢的 ie6 就會產生莫名其妙的問題，反映給使用者的現象就是出現鬼影。
解決方案一：準確計算內部 float 元素加在一起占用的寬高，確保外層 div 在 css 中明確指定了具體的 width 和 height 畫素值，問題不會再出現。
解決方案二：給浮動的div加上兩個語句 1、浮動的div 設定display:inline 2、浮動的div 加overflow:hidden
這樣就能解決ie6 下的flaot問題了！
八。ie下margin:0 auto不居中解決方法
正常情況下需要將div居中顯示時，使用css樣式:margin:0 auto即可，但有時使用margin:0 auto後在ff、chrome裡能居中，而在ie678裡不居中的現象。
如下**:
margin: 0 auto 內容居中顯示
解決方法一
可以是對網頁主體宣告文字居中，即body
即:margin: 0 auto 內容居中顯示
解決方法二
其實和解決方法一差不多，只是在要居中的div外層新增多乙個div,並使其居中
即：margin: 0 auto 內容居中顯示
解決方法三
出現這個現象的原因在於文件的dtd宣告；
修改dtd為
九。ff中height：auto不起作用時，加上overflow：hidden。
IE與Firefox的CSS相容
css對瀏覽器器的相容性具有很高的價值，通常情況下ie和firefox存在很大的解析差異，這裡介紹一下相容要點。常見相容問題 1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設...
IE與Firefox的CSS相容大全
1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設定 text align 時,div 需要設定 margin auto 主要是 margin left,margin righ...
IE與Firefox的CSS相容大全
1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設定 text align 時,div 需要設定 margin auto 主要是 margin left,margin righ...