IE6下js通過css隱藏select的一個(gè)bug
更新時(shí)間:2010年08月16日 16:17:32 作者:
想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估計(jì)和上面的bug根由是一樣的
今天遇到一個(gè)問題, 當(dāng)隱藏表格行 Tr 時(shí)
$id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");,
表格行 Tr 里面的 select 在 IE6 中隱藏不了,還是會(huì)顯示在頁面當(dāng)中。想單獨(dú)設(shè)置 select 的樣式為隱藏
$id("new_attpm_id2_" + id).style.setAttribute('cssText',"display:none;");
也隱藏不了,上網(wǎng)搜索找到文章《IE6下,js通過css隱藏select的一個(gè)bug》,原來這是 IE6 的一個(gè) Bug ,可以通過 style.display = "none";使其隱藏。
最終代碼如下 $id("new_attpm_id2_" + id).style.display = "none"; 問題順利解決。
請(qǐng)?jiān)趇e6下打開:ie6_js_hidden_select_bug.html
通過:
document.getElementById('J_Test').style.display = 'none';
可以隱藏select元素。
但是通過:
document.body.id = 'page';
配合css代碼:
#page select { display: none; }
在ie6下,無法隱藏select元素。
嘗試position, setTimeout, 改變zoom到1.001等方法,均失敗。
想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估計(jì)和上面的bug根由是一樣的:在ie6下,select是windowed element,其表現(xiàn)和普通的HTML elements有本質(zhì)上的區(qū)別。至于究竟為何?估計(jì)只能去看微軟的源碼了。
$id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");,
表格行 Tr 里面的 select 在 IE6 中隱藏不了,還是會(huì)顯示在頁面當(dāng)中。想單獨(dú)設(shè)置 select 的樣式為隱藏
$id("new_attpm_id2_" + id).style.setAttribute('cssText',"display:none;");
也隱藏不了,上網(wǎng)搜索找到文章《IE6下,js通過css隱藏select的一個(gè)bug》,原來這是 IE6 的一個(gè) Bug ,可以通過 style.display = "none";使其隱藏。
最終代碼如下 $id("new_attpm_id2_" + id).style.display = "none"; 問題順利解決。
請(qǐng)?jiān)趇e6下打開:ie6_js_hidden_select_bug.html
通過:
document.getElementById('J_Test').style.display = 'none';
可以隱藏select元素。
但是通過:
document.body.id = 'page';
配合css代碼:
#page select { display: none; }
在ie6下,無法隱藏select元素。
嘗試position, setTimeout, 改變zoom到1.001等方法,均失敗。
想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估計(jì)和上面的bug根由是一樣的:在ie6下,select是windowed element,其表現(xiàn)和普通的HTML elements有本質(zhì)上的區(qū)別。至于究竟為何?估計(jì)只能去看微軟的源碼了。
您可能感興趣的文章:
- 用javascript實(shí)現(xiàn)select的美化的方法
- 用javascript來實(shí)現(xiàn)select標(biāo)簽的美化的代碼
- 用javascript和css模擬select的腳本
- css+js實(shí)現(xiàn)select列表橫向排列效果代碼
- select下拉選擇框美化實(shí)現(xiàn)代碼(js+css+圖片)
- select標(biāo)簽?zāi)M/美化方法采用JS外掛式插件
- select標(biāo)記美化--JS式插件、后期加載
- 用JavaScript來美化HTML的select標(biāo)簽的下拉列表效果
- js+css實(shí)現(xiàn)select的美化效果
相關(guān)文章
表單填寫時(shí)用回車代替TAB的實(shí)現(xiàn)方法
表單填寫時(shí)用回車代替TAB的實(shí)現(xiàn)方法...2007-10-10當(dāng)文本框的值發(fā)生改變時(shí),觸發(fā)事件,在IE中有效
當(dāng)文本框的值發(fā)生改變時(shí),觸發(fā)事件,在IE中有效,具體的大家可以測試下。2009-09-09js form action動(dòng)態(tài)修改方法
js修改form的action屬性的函數(shù)2008-11-11js監(jiān)聽表單value的修改同步問題,跨瀏覽器支持
今天同事測試發(fā)現(xiàn)項(xiàng)目中一個(gè)小bug,然后我負(fù)責(zé)解決。研究了不短的時(shí)間,終于搞定了,有點(diǎn)激動(dòng)。呵呵。拿出來與大家分享。2009-12-12javascript 09年最新版的省市聯(lián)動(dòng)
省市聯(lián)動(dòng)代碼,最新版。2009-04-04