IE6瀏覽器常見相容問題彙總

2021-07-10 01:53:14 字數 1459 閱讀 7054

1、文件型別宣告

沒有寫宣告時,會促發ie的怪異解析

2、內外邊距

使用reset.css對樣式進行清除

3、橫向雙倍margin

ie6中設定元素浮動後,會出現橫向雙倍margin值

新增display:inline;

4、當文字高度超過盒模型的時候,會影響布局

設定overflow:hidden  或者設定文字行高小於盒模型

5、img外部邊框

當img外部有a標籤的時候,會產生border

設定border:0

6、預設間距

設定float:left

7、3px的bug

ie6瀏覽器,浮動塊元素和未浮動塊元素處於同一行時,有預設的3px間距

設定非浮動元素浮動。

8、空div有預設高度

設定會height:0px overflow:hidden

9、a標籤hover不適用於所有標籤

ie6中,hover只支援a標籤使用,不支援其他一切標籤

10、table標籤中,border-color屬性無效

這個情況下應使用css樣式來控制,而不使用table本身的屬性進行樣式處理

11.png

不支援透明,使用gif,jpg影象替代

12、透明度

opacity:0.6;

filter:alpha(opacity=60);

13、ie6下不支援子選擇器

使用:div p{}   div p p{}來代替div>p>p()

14、不支援min-width  max-width   min-height  max-height

為ie6單獨設定hack,即_height:最小高度值;_width:最小寬度值(對於ie6,當實際寬高超出定義的寬高時,元素會自動調整寬高)。對於最大高度和最大寬度,沒有必要設定相容。

15、input獲得焦點顏色和樣式不同

處理方法:outline:none,清除預設樣式之後再統一設定。(這個在谷歌中也會出現)

16、滑鼠上移產生手勢效果

其他瀏覽器cursor:pointer

ie6下cursor:hand

17、子標籤無法撐開福標籤的高度。

父標籤內部含乙個或多個子標籤,父標籤沒有設定浮動,而子標籤發生浮動。

a在子標籤最後新增清除浮動的設定

b父標籤價

c為父標籤設定固定高度。

18、li的間距問題

產生條件:ie6瀏覽器下,li設定寬高,切li裡面的元素發生了浮動

a li不設寬高。

b li內部的標籤不浮動。

19、多顯示乙個字

刪除掉注釋

20、css優先順序!important

在ie6中,在同一組css屬性中,!important不起作用

21、img下部高度多餘5px

將轉化為塊狀元素。display:block

關於ie6常見瀏覽器相容問題

間隙 描述 在div中插入時,會將div下方撐大三畫素。一.div中的間隙 該bug出現在ie6及更低版本中 解決方案 hack1 將與寫在一行上 hack2 將轉為塊狀元素,給新增宣告 display block 二.dt,li中間隙 ie6 解決方案 hack 將轉為塊狀元素,給新增宣告 dis...

常見瀏覽器相容問題彙總

ie6認識的hacker 是下劃線 和星號 ie7 遨遊認識的hacker是星號 比如這樣乙個css設定 height 300px height 200px height 100px ie6瀏覽器在讀到height 300px的時候會認為高時300px 繼續往下讀,他也認識 heihgt,所以當ie...

IE瀏覽器相容問題

解決方法 各個版本的分析 x ua compatible是針對ie8新加的乙個設定,對於ie8以下的瀏覽器是不識別的,這個區別與 content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet explorer 7的標準模式。而content ie emulatei...