IE6下select下拉框不能隨捲軸正常滾動解決辦法

來源:互聯網
上載者:User

經過實驗,在IE6下出現這個問題的最精簡代碼如下:

 代碼如下 複製代碼

<div style="height:60px;overflow:auto;filter:alpha(opacity=0)">   <select><option>a</option><option>b</option></select>   <select><option>a</option><option>b</option></select> <select><option>a</option><option>b</option></select> <select><option>a</option><option>b</option></select> </div>

只要去掉“filter:alpha(opacity=0)”這句樣式,IE6中的問題就解決了,此處的問題與opacity的值無關,而是與是否有這句話有關。

下面給出一個js處理方法來去掉這句樣式:

 代碼如下 複製代碼
if(!jQuery.browser.opacity){
//判斷是否為IE6瀏覽器,因為IE6沒有opacity這個屬性
try{ this.boxy.get(0).style.filter = '';
//把filter相關的都置為空白
}catch(ex)
{}
}

而在用ietester調試的過程中,不論是不是加這句樣式,都是沒有問題的,因為ietester中的ie6有一個bug,是filter會失效,剛好,bug上再加上bug,就不會出現問題了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.