筆記 html常見的相容問題

2022-06-13 04:21:16 字數 1572 閱讀 8775

ie:

ie的雙邊距bug:

塊級元素float後設定橫向的margin,ie6顯示的margin比較大。

解決辦法:display:inline

雙邊距bug:在ie6下,如果對元素設定浮動,同時又設定了margin-left或margin-right,margin值會加倍

#box

這種情況之下ie會產生20px的距離

解決方案:在float的標籤樣式控制中加入 _display:inline; 將其轉化為行內屬性。( _ 這個符號只有ie6會識別)

ie5-8 不支援 opacity

解決辦法:

.opacity

ie6預設的行高造成沒有辦法定義1px左右的寬度容器

解決方法:

可通過加入css 屬性      -webkit-text-size-adjust: none;   解決

瀏覽器

瀏覽器預設的margin和padding不同

解決方案:加乙個全域性的 * 來統一。

超連結訪問過後 hover 樣式就不出現了,被點選訪問過的超連結樣式不在具有 hover 和 active 了

解決方法:改變css屬性的排列順序 l-v-h-a

1

a:link {}

2a:visited {}

3a:hover {}

4a:active {}

上下margin重合問題:

ie和ff都存在,相鄰的兩個div的margin-left和margin-right不會重合,但是margin-top和margin-bottom卻會發生重合。

解決方法:養成良好的**編寫習慣,同時採用margin-top或者同時採用margin-bottom。

ie下,可以使用獲取常規屬性的方法來獲取自定義屬性,也可以使用 getattribute() 獲取自定義屬性;firefox下,只能使用getattribute()獲取自定義屬性

解決方法:統一通過getattribute()獲取自定義屬性

ie下,event物件有 x、y 屬性,但是沒有 pagex、pagey屬性; firefox下,event物件有 pagex、pagey 屬性,但是沒有 x、y 屬性

解決方法:(條件注釋)缺點是在ie瀏覽器下可能會增加額外的http請求數。

怪異模式問題

漏寫 dtd 宣告,firefox 仍然會按照標準模式來解析網頁,但在 ie 中會觸發怪異模式。

為避免怪異模式給我們帶來不必要的麻煩,最好養成書寫 dtd 宣告的好習慣。

doctype html

>

常見的相容問題

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

常見的相容問題

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

常見css相容問題

1.ie7下文字框無法獲取焦點,輸入,貼上,選取內容,但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景,那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...