1.png24位的在ie6瀏覽器上出現背景，解決方案是做成png8.也可以引用一段指令碼處理.2.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的*來統一。
3.ie6雙邊距bug:塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大。
4.浮動ie產生的雙倍距離（ie6雙邊距問題：在ie6下，如果對元素設定了浮動，同時又設定了margin-left或margin-right，margin值會加倍。）
#box
這種情況之下ie會產生20px的距離，解決方案是在float的標籤樣式控制中加入 ——_display:inline;將其轉化為行內屬性。(_這個符號只有ie6會識別)
5.漸進識別的方式，從總體中逐漸排除區域性。 首先，巧妙的使用「\9」這一標記，將ie遊覽器從所有情況中分離出來。
接著，再次使用「+」將ie8和ie7、ie6分離開來，這樣ie8已經獨立識別。
css .bb *
6.ie下,可以使用獲取常規屬性的方法來獲取自定義屬性, 也可以使用getattribute()獲取自定義屬性;firefox下,只能使用getattribute()獲取自定義屬性. 解決方法:統一通過getattribute()獲取自定義屬性.
7.ie下,event物件有x,y屬性,但是沒有pagex,pagey屬性;
firefox下,event物件有pagex,pagey屬性,但是沒有x,y屬性. *
解決方法：（條件注釋）缺點是在ie瀏覽器下可能會增加額外的http請求數。
8.chrome 中文介面下缺省會將小於 12px 的文字強制按照 12px 顯示, 可通過加入 css 屬性 -webkit-text-size-adjust: none; 解決.
9. 超連結訪問過後hover樣式就不出現了 被點選訪問過的超連結樣式不在具有hover和active了解決方法是改變css屬性的排列順序:
l-v-h-a :a:link {}
a:visited {}
a:hover {}
a:active {}
10.怪異模式問題：漏寫dtd宣告，firefox仍然會按照標準模式來解析網頁，但在ie中會觸發怪異模式。
為避免怪異模式給我們帶來不必要的麻煩，最好養成書寫dtd宣告的好習慣。現在可以使用
[html5](
11.上下margin重合問題 ie和ff都存在，相鄰的兩個div的margin-left和margin-right不會重合，但是margin-top和margin-bottom卻會發生重合。解決方法，養成良好的**編寫習慣，同時採用margin-top或者同時採用margin-bottom。
常見的相容問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
常見css相容問題
1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...
常見css的相容問題
1 鏈結的虛線框問題 a,img,input等標籤點選時會帶有虛線框 去除它 nodashedbox 2 固定定位 css fixedtop fixedbottom css解決方案 ie6 e4 b8 8bpng e8 83 8c e6 99 af e4 b8 8d e9 80 8f e6 98 8...