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這樣的元件是在瀏覽器客戶區使用 渲染 的,他...