如何解決DIV在IE6下無法遮蓋select

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何解決DIV在IE6下無法遮蓋select，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供金山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、做網(wǎng)站、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為金山眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

你對DIV浮層在IE6下無法遮蓋select標(biāo)簽是否了解，這里和大家一起討論一下，其實很早以前我就碰到過關(guān)于select元素的問題，但是為什么IE7和FF下DIV都可以遮住select標(biāo)簽，會為你揭秘。

JavaScript巧解IE6 IE7 IE8兼容問題

這次討論一下關(guān)于select元素的一個問題，其實很早以前我就碰到過關(guān)于select元素的問題，這次做網(wǎng)站又被問到同樣的問題，就是：一般DIV浮層在IE6下無法遮蓋selectaspxhome.com/search.asp?keyword=%b1%ea%c7%a9" target=_blank>標(biāo)簽，IE7和FF下DIV都可以遮住select標(biāo)簽。

列舉個簡單的實例闡述問題：

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標(biāo)題文檔title> <style type="text/CSS"> #warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}  .box { position:absolute; top:0; left:0; width:200px;    height:200px; background:#FDF3D9; border:1px solid #EEAC53}  style> head>  <body> <DIV id="warp">   <DIV class="box">dfsagdsaDIV> DIV> <form id="form1" name="form1" method="post" action=""> <label> <select name="select" id="select">   <option>測試選項option>   <option>測試選項2option>   <option>測試選項3option> select> label> form> body> html>

[提示：你可先修改部分代碼，再按運行]

如何解決DIV在IE6下無法遮蓋select

DIV在IE6下無法遮蓋select，原因是在IE6下，瀏覽器將select元素視為窗口級元素，這時DIV或者其它的普通元素?zé)o論z-index設(shè)置的多高都是無法遮住select元素的。

網(wǎng)上有兩種解決辦法：

◆當(dāng)浮動層DIV出現(xiàn)的時候，用JS將select隱藏，當(dāng)浮動層DIV消失的時候select恢復(fù)出現(xiàn)。這種方法早期用的比較多，這里不多介紹。

◆ 用select同級別元素：iframe標(biāo)簽， 然后用實際的浮動層DIV和iframe放在一起。間接的使DIV遮住了select。

正確的代碼：

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標(biāo)題文檔title> <style type="text/CSS"> #warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}  .box { position:absolute; top:0; left:0; width:200px;    height:200px; background:#FDF3D9; border:1px solid #EEAC53}  .box iframe {width:400px; height:400px; z-index:-1}  style> head>  <body> <DIV id="warp">   <iframe frameborder="0">iframe>   <DIV class="box">dfsagdsaDIV> DIV> <form id="form1" name="form1" method="post" action=""> <label> <select name="select" id="select">   <option>測試選項option>   <option>測試選項2option>   <option>測試選項3option> select> label> form> body> html>

[提示：你可先修改部分代碼，再按運行]

如何解決DIV在IE6下無法遮蓋select

上述就是小編為大家分享的如何解決DIV在IE6下無法遮蓋select了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞名稱：如何解決DIV在IE6下無法遮蓋select
當(dāng)前地址：http://bm7419.com/article2/igdjoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、建站公司、響應(yīng)式網(wǎng)站、微信小程序、云服務(wù)器、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)