IE6常見CSS解釋BUG及hack

2022-02-22 23:08:16 字數 1393 閱讀 2290

1、有邊框bug

hack:

給新增border:0或border:0 none。

2、有間隙

hack1:

將div與img併排寫在一行。

hack2:

將img轉為塊狀元素,即新增宣告display:block。

3、dt,li中有間隙

hack:

將img轉為塊狀元素,新增宣告display:block。

4、雙倍浮動(雙倍邊距,只有ie6出現)

hack:

給浮動元素新增宣告display:block。

5、預設高度(ie6,ie7)

hack1:

給元素新增宣告font-size:0。

hack2:

給元素新增宣告overflow:hidden。

6、表單元素行高對齊不一致

hack:

給元素新增宣告float:left。

7、按鈕元素大小不一

hack1:

用a標籤模擬。

hack2:

input外邊套乙個標籤,在這個標籤裡寫按鈕的樣式,把input邊框去掉。

hack3:

若按鈕為,直接把作為按鈕背景圖即可。

8、百分比bug(50%+50%)>100%

hack:

給元素新增宣告:

clear:right,clear:left,clear:both。

9、滑鼠指標bug

cursor屬性hand值,ie9+

cursor屬性point值,ie6+

hack:若統一某元素滑鼠指標為手型,則新增宣告:cursor:point。

10、透明度屬性

相容其他瀏覽器寫法,opacity:value。

hack2:

filter:alpha(opacity:value),ie瀏覽器。

11、li列表的bug

當父元素li有float:left時,子元素a沒設定浮動的情況下,會出現垂直bug。

hack:

給父級元素li和子元素a設定浮動。

當給li中的a轉成block,並且都有height,並都有float的,li中沒有設定浮動,會出現階梯顯示。

hack:

同時給li加float。

12、當前元素(父元素內第乙個元素)與父元素沒有設定任何浮動的情況下,設定margin-top後,會錯誤的把margin-top加在父級元素上。

hack1:給父元素新增overflow:hidden。

hack2:給父元素或子元素新增浮動。

13、margin bug

當兩個上下排列的元素,上元素有margin-bottom:30px,下元素有margin-top:30px時,他們中間的距離不會疊加,而且會設定為較大的值。

IE6常見CSS解析Bug及hack

a div中的間隙 該bug出現在ie6及更低版本中 描述 在div中插入時,會將div下方撐大三畫素。hack1 將 與hack2 將 b dt,li中間隙 ie6 hack 將 img設定對齊方式屬性vertical align top 描述 當ie6及更低版本瀏覽器在解析浮動元素時,會錯誤地把...

IE6常見BUG 和處理

1 ie6怪異解析之padding與border算入寬高 原因 未加文件宣告造成非盒模型解析 解決方法 加入文件宣告 2 ie6在塊元素 左右浮動 設定marin時造成margin雙倍 雙邊距 解決方法 display inline 3 以下三種其實是同一種bug,其實也不算是個bug,舉個例子 父...

ie6 常見bug解決之道

bug 1 解決div 無法遮擋 select 的問題 一現象 在調整頁面樣式時,經常發現浮動層的div被select遮擋。效果如下 二.原因 在ie中,select屬於window型別控制項,它會 擋住 所有非window型別控制項 可以這麼理解,div這樣的元件是在瀏覽器客戶區使用 渲染 的,他...