ie6 常見bug解決之道

2021-06-06 17:08:58 字數 842 閱讀 2064

bug 1  解決div 無法遮擋 select 的問題

一現象:

在調整頁面樣式時,經常發現浮動層的div被select遮擋。效果如下:

二.原因

在ie中,select屬於window型別控制項,它會「擋住」所有非window型別控制項

可以這麼理解,div這樣的元件是在瀏覽器客戶區使用**「渲染」的,

他們被渲染在客戶區的繪畫表面上,

而select是使用的標準windows控制項,只是作為客戶區的子控制項放置而已,

它會覆蓋所有客戶區繪畫表面上「畫」出來的一切,但不一定會覆蓋其他型別的window控制項,

比如iframe和其他的select,如果你使用過類似delphi這樣的環境就會自然理解。ie7解決了此類bug。

三 . 利用iframe 解決遮擋問題

如:

這裡可以包含其他dom元素

這裡利用的原理是:iframe可以擋住select等元素,將iframe設定為同div的大小一直,並通過z-index放置與div內容之下,這樣iframe擋住了select,內容也可以看到了。

在實際的**中,我使用的是:,通過firefox檢視,iframe預設就是div的大小

bug2

下面的例子在ie6執行,li之間有空隙

解決辦法:在li的style中加入:float:left;width:100%;就ok

IE6常見BUG相容解決方法

開發前端的同學一定都知道,ie6是相容bug最多的瀏覽器,它不支援png alpha通道暫且不論。其文件的解析理解規範也引起了諸多惱人的bug,有時甚至讓人感到絕望。本文主要講解一些比較容易遇到的ie6bug,以及解決的辦法。一 ie6雙倍邊距bug 當頁面上的元素使用float浮動時,不管是向左還...

IE6常見BUG 和處理

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

IE6常見CSS解析Bug及hack

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