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
1a: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...