瀏覽器相容性問題

2021-09-01 00:11:05 字數 761 閱讀 7926

1.不同瀏覽器的標籤預設的內邊距和外邊距是不同的;

*
先將瀏覽器所有標籤預設的內外邊距設定為0;然後再去設定各個標籤需要的內外邊距。

2.塊屬性標籤float後,又有橫向的margin的情況下,在ie顯示的比設定的margin大;

div
3.設定較小高度的容器(小於10px)時,在ie6下不識別小於10px的高度;

解決:給容器新增overflow:hidden

4.在a標籤嵌入img時,某些瀏覽器中img會有藍色邊框;

img
5.min-height在ie6下不相容;

6.img預設有間隙;

img
7.button大小預設不一樣;

解決:使用a標籤模擬button新增樣式;

8.上下margin重疊問題;

解決:margin-top和margin-bottom只設定乙個就可以了;左右也一樣;

9.overflow:auto;和position:relative;

描述:此bug只出現在ie6和ie7中,有兩個塊級元素,父元素設定了overflow:auto;子元素設定了position:relative;且高度大於父元素,在ie6-7中子元素不會被隱藏而是溢位。

解決:給父元素也設定position:relative;

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...