html常見的相容性問題?

2021-08-18 00:09:01 字數 542 閱讀 9790

1、ie的雙邊距bug:塊級元素float後設定橫向的margin,ie6顯示的margin比較大。

解決辦法:_display:inline

2、3畫素問題  使用float引起的  使用  dispaly:inline

4、ie  z-index問題  給父級新增position:relative

5、min-height 最小高度  !important

6、為什麼沒有辦法定義1畫素左右的寬度容器(ie6預設的行高造成的,使用over:hidden,zoom:0.08;line-height:1px)

7、ie5-8不支援opacity

.opacity

8、ie6不支援png透明管背景色,ie6下使用gif,png24的在ie6瀏覽器上顯示背景色,做成png8的

9、ie下even物件只有x,y屬性,但是沒有pagex和pagey屬性,火狐只有pagex pagey屬性。

10、谷歌下缺省會將小於12px的文字設定按照12px顯示,可是通過加入-webkit-text-size-adjust:none;解決。

html常見的相容性問題

1 ie ie的雙邊距bug 塊級元素float後設定橫向的margin,ie6顯示的margin比較大。解決辦法 display inline z index問題 重點 雙邊距bug 在ie6下,如果對元素設定浮動,同時又設定了margin left或margin right,margin值會加倍...

常見相容性問題

png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。ie6雙邊距bug 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。浮動ie產生的雙倍距...

常見相容性問題

png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。ie6雙邊距bug 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。浮動ie產生的雙倍距...