日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
解決DIV在IE6下無法遮蓋select

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

欒城網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),欒城網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為欒城上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的欒城做網(wǎng)站的公司定做！

JavaScript巧解IE6 IE7 IE8兼容問題

這次討論一下關(guān)于select元素的一個(gè)問題，其實(shí)很早以前我就碰到過關(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)簽。

列舉個(gè)簡(jiǎn)單的實(shí)例闡述問題：

 
 
 
 
      
  
  
  
  1.   
  
  
  
  2.  
    3.   
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 無標(biāo)題文檔 title> </li>  
  
  
  <li><style type="text/CSS"> </li>  
  
  
  <li>#warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}  </li>  
  
  
  <li>.box { position:absolute; top:0; left:0; width:200px;   </li>  
  
  
  <li> </li>  
  
  
  <li>height:200px; background:#FDF3D9; border:1px solid #EEAC53}  </li>  
  
  
  <li> style> </li>  
  
  
  <li> head> </li>  
  
  
  <li> </li>  
  
  
  <li><body> </li>  
  
  
  <li><DIV id="warp"> </li>  
  
  
  <li>  <DIV class="box">dfsagdsa DIV> </li>  
  
  
  <li> DIV> </li>  
  
  
  <li><form id="form1" name="form1" method="post" action=""> </li>  
  
  
  <li><label> </li>  
  
  
  <li><select name="select" id="select"> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng) option> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng)2 option> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng)3 option> </li>  
  
  
  <li> select> </li>  
  
  
  <li> label> </li>  
  
  
  <li> form> </li>  
  
  
  <li> body> </li>  
  
  
  <li> html> </li>  
  
  
  <li> </li> 
 
 
</ol></pre><p> [提示：你可先修改部分代碼，再按運(yùn)行]</p></p><p>DIV在IE6下無法遮蓋select，原因是在IE6下，瀏覽器將select元素視為窗口級(jí)元素，這時(shí)DIV或者其它的普通元素?zé)o論z-index設(shè)置的多高都是無法遮住select元素的。#p#</p><p><strong>網(wǎng)上有兩種解決辦法：</strong></p><p>◆當(dāng)浮動(dòng)層DIV出現(xiàn)的時(shí)候，用JS將select隱藏，當(dāng)浮動(dòng)層DIV消失的時(shí)候select恢復(fù)出現(xiàn)。這種方法早期用的比較多，這里不多介紹。</p><p>◆ 用select同級(jí)別元素：iframe標(biāo)簽， 然后用實(shí)際的浮動(dòng)層DIV和iframe放在一起。間接的使DIV遮住了select。</p><p>正確的代碼：</p><pre>
 
 
 
 <ol>  
  
  
  <li></li>  
  
  
  <li> </li>  
  
  
  <li>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </li>  
  
  
  <li><html xmlns="http://www.w3.org/1999/xhtml"> </li>  
  
  
  <li><head> </li>  
  
  
  <li><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </li>  
  
  
  <li><title>無標(biāo)題文檔 title> </li>  
  
  
  <li><style type="text/CSS"> </li>  
  
  
  <li>#warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}  </li>  
  
  
  <li>.box { position:absolute; top:0; left:0; width:200px;   </li>  
  
  
  <li> </li>  
  
  
  <li>height:200px; background:#FDF3D9; border:1px solid #EEAC53}  </li>  
  
  
  <li>.box iframe {width:400px; height:400px; z-index:-1}  </li>  
  
  
  <li> style> </li>  
  
  
  <li> head> </li>  
  
  
  <li> </li>  
  
  
  <li><body> </li>  
  
  
  <li><DIV id="warp"> </li>  
  
  
  <li>  <iframe frameborder="0"> iframe> </li>  
  
  
  <li>  <DIV class="box">dfsagdsa DIV> </li>  
  
  
  <li> DIV> </li>  
  
  
  <li><form id="form1" name="form1" method="post" action=""> </li>  
  
  
  <li><label> </li>  
  
  
  <li><select name="select" id="select"> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng) option> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng)2 option> </li>  
  
  
  <li>  <option>測(cè)試選項(xiàng)3 option> </li>  
  
  
  <li> select> </li>  
  
  
  <li> label> </li>  
  
  
  <li> form> </li>  
  
  
  <li> body> </li>  
  
  
  <li> html> </li>  
  
  
  <li> </li>  
  
  
  <li> </li> 
 
 
</ol></pre><p>[提示：你可先修改部分代碼，再按運(yùn)行]</p></p><p>【編輯推薦】</p><ol><li>深入探究IE8和IE7的24個(gè)區(qū)別</li><li>探究IE8與IE7具體功能中窗口功能按鈕的變化</li><li>剖析Margin和Padding屬性中四個(gè)值的先后順序及區(qū)別</li><li>九步輕松解決IE6的各種疑難雜癥</li><li>技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題</li></ol>                                                <br>
                                                分享名稱：解決DIV在IE6下無法遮蓋select                                                <br>
                                                URL分享：<a href="http://m.5511xx.com/article/cdsehsj.html">http://m.5511xx.com/article/cdsehsj.html</a>
                                            </div>
                                            <div   id="fuplqvr"   class="hot_new">
                                                <div   id="jhujwcq"   class="page_title clearfix">
                                                    <h3>其他資訊</h3>
                                                </div>
                                                <div   id="otz3okq"   class="news_list clearfix">
                                                    <ul>
                                                        <li>
                                                                <a href="/article/cocsooj.html">怎樣選擇網(wǎng)站服務(wù)器的硬件配置</a>
                                                            </li><li>
                                                                <a href="/article/cocsosj.html">Redis內(nèi)存淘汰策略實(shí)施及優(yōu)化（redis設(shè)置內(nèi)存淘汰）</a>
                                                            </li><li>
                                                                <a href="/article/cocsosi.html">遠(yuǎn)程連接服務(wù)器的方法？服務(wù)器遠(yuǎn)程控制怎么弄</a>
                                                            </li><li>
                                                                <a href="/article/cocsogi.html">c語(yǔ)言怎么讀取文件中的數(shù)據(jù)庫(kù)</a>
                                                            </li><li>
                                                                <a href="/article/cocchhp.html">AWSDeepLens簡(jiǎn)介</a>
                                                            </li>                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部信息 -->
<div   id="vs1o0ge"   class="footer wow fadeInUp">
    <div   id="44wrv2j"   class="rowFluid">
        <div   id="lkpcao9"   class="span12">
            <div   id="kkjylsg"   class="container">
                <div   id="ize2n6h"   class="footer_content">
                    <div   id="o28pfb9"   class="span4 col-xm-12">
                        <div   id="h25ww9h"   class="footer_list">
                            <div   id="zg1xbpc"   class="span6">
                                <div   id="zig2wlp"   class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號(hào)二維碼" /></div>
                            </div>
                            <div   id="etqgchn"   class="span6 col-xm-12">
                                <div   id="rzeagki"   class="quick_navigation">
                                    <div   id="ovj4xcq"   class="quick_navigation_title">快速導(dǎo)航</div>
                                    <ul>
                                        <li><a  title="成都網(wǎng)站維護(hù)" target="_blank">成都網(wǎng)站維護(hù)</a></li><li><a  title="成都噴繪寫真" target="_blank">成都噴繪寫真</a></li><li><a  title="網(wǎng)站建設(shè)報(bào)價(jià)方案" target="_blank">網(wǎng)站建設(shè)報(bào)價(jià)方案</a></li><li><a  title="pswzsj.com" target="_blank">pswzsj.com</a></li><li><a  title="西充網(wǎng)站建設(shè)" target="_blank">西充網(wǎng)站建設(shè)</a></li><li><a  title="成都主機(jī)租用" target="_blank">成都主機(jī)租用</a></li><li><a  title="APP定制" target="_blank">APP定制</a></li><li><a  title="德陽(yáng)柴油發(fā)電機(jī)" target="_blank">德陽(yáng)柴油發(fā)電機(jī)</a></li><li><a  title="南部網(wǎng)站建設(shè)公司" target="_blank">南部網(wǎng)站建設(shè)公司</a></li><li><a  title="德陽(yáng)發(fā)電機(jī)維修" target="_blank">德陽(yáng)發(fā)電機(jī)維修</a></li><li><a  title="網(wǎng)站優(yōu)化排名" target="_blank">網(wǎng)站優(yōu)化排名</a></li>                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div   id="fm7o8m6"   class="span4 col-xm-6 col-xs-12">
                        <div   id="a26ptp8"   class="footer_list">
                            <div   id="six4ieb"   class="footer_link">
                                <div   id="sze346u"   class="footer_link_title">友情鏈接</div>
                                <ul id="frientLinks">
                                    <a  title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a>
                                    <a  title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a>
                                    <a  title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a>
                                    <a  title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a>
                                    <a  title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a>
                                    <a  title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a>
                                </ul>
                                <div   id="3n7wso6"   class="footer_link_title">網(wǎng)站建設(shè)</div>
                                <ul id="frientLinks">
                                    <li><a href="/">四川平武建站</a></li>
                                    <li><a  title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div   id="ygd3ncq"   class="span4 col-xm-6 col-xs-12">
                        <div   id="nmiesaw"   class="footer_list">
                            <div   id="jincqez"   class="footer_cotact">
                                <div   id="ih9dagt"   class="footer_cotact_title">聯(lián)系方式</div>
                                <ul>
                                    <li><span id="b4lhnaw"    class="footer_cotact_type">企業(yè)：</span><span id="ksxej4s"    class="footer_cotact_content">四川綿陽(yáng)平武網(wǎng)站建設(shè)工作室</span></li>
                                    <li><span id="ja49ckz"    class="footer_cotact_type">地址：</span><span id="jrwjpdi"    class="footer_cotact_content">成都市青羊區(qū)太升南路288號(hào)</span></li>
                                    <li><span id="rzuhm2d"    class="footer_cotact_type">電話：</span><span id="wmjnaxc"    class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
                                    <li><span id="tby8g9e"    class="footer_cotact_type">網(wǎng)址：</span><span id="9sf3hgd"    class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">m.5511xx.com</a></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div   id="wliwj78"   class="copyright">
                <p>公司名稱：四川綿陽(yáng)平武網(wǎng)站建設(shè)工作室   聯(lián)系電話：18980820575</p>
                <p><a  target="_blank" rel="nofollow">網(wǎng)站備案號(hào)：蜀ICP備2024061352號(hào)-3</a></p>
                <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計(jì) 四川平武網(wǎng)站制作 <a  target="_blank">成都做網(wǎng)站</a></p>
            </div>
        </div>
    </div>
</div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="ysnec" class="pl_css_ganrao" style="display: none;"><dl id="ysnec"></dl><video id="ysnec"></video><pre id="ysnec"></pre><menu id="ysnec"></menu><delect id="ysnec"><strong id="ysnec"><noframes id="ysnec"><td id="ysnec"></td></noframes></strong></delect><small id="ysnec"></small><input id="ysnec"></input><strike id="ysnec"></strike><acronym id="ysnec"><small id="ysnec"><button id="ysnec"><dl id="ysnec"></dl></button></small></acronym><dfn id="ysnec"></dfn><rt id="ysnec"></rt><optgroup id="ysnec"></optgroup><video id="ysnec"><acronym id="ysnec"><label id="ysnec"><rp id="ysnec"></rp></label></acronym></video><li id="ysnec"><tfoot id="ysnec"><input id="ysnec"><video id="ysnec"></video></input></tfoot></li><small id="ysnec"></small><var id="ysnec"></var><dfn id="ysnec"><ul id="ysnec"><strike id="ysnec"><table id="ysnec"></table></strike></ul></dfn><ins id="ysnec"><label id="ysnec"><optgroup id="ysnec"><output id="ysnec"></output></optgroup></label></ins><ins id="ysnec"><label id="ysnec"><optgroup id="ysnec"><output id="ysnec"></output></optgroup></label></ins><small id="ysnec"></small><code id="ysnec"></code><sup id="ysnec"></sup><button id="ysnec"><rt id="ysnec"><tbody id="ysnec"><em id="ysnec"></em></tbody></rt></button><nobr id="ysnec"><delect id="ysnec"><legend id="ysnec"><noframes id="ysnec"></noframes></legend></delect></nobr><form id="ysnec"><center id="ysnec"><label id="ysnec"><optgroup id="ysnec"></optgroup></label></center></form><optgroup id="ysnec"><sup id="ysnec"><sup id="ysnec"><li id="ysnec"></li></sup></sup></optgroup><sup id="ysnec"></sup><dl id="ysnec"></dl><li id="ysnec"><tfoot id="ysnec"><input id="ysnec"><video id="ysnec"></video></input></tfoot></li><table id="ysnec"><ins id="ysnec"><dl id="ysnec"><optgroup id="ysnec"></optgroup></dl></ins></table><center id="ysnec"></center><pre id="ysnec"><pre id="ysnec"><acronym id="ysnec"><label id="ysnec"></label></acronym></pre></pre><optgroup id="ysnec"><sup id="ysnec"><sup id="ysnec"><form id="ysnec"></form></sup></sup></optgroup><strike id="ysnec"></strike><td id="ysnec"></td><tfoot id="ysnec"><pre id="ysnec"><video id="ysnec"><strike id="ysnec"></strike></video></pre></tfoot><rt id="ysnec"><nobr id="ysnec"><em id="ysnec"><s id="ysnec"></s></em></nobr></rt><dl id="ysnec"><optgroup id="ysnec"><output id="ysnec"><fieldset id="ysnec"></fieldset></output></optgroup></dl><ul id="ysnec"></ul><i id="ysnec"></i><dfn id="ysnec"><ul id="ysnec"><strike id="ysnec"><var id="ysnec"></var></strike></ul></dfn><wbr id="ysnec"></wbr><code id="ysnec"></code><optgroup id="ysnec"><dfn id="ysnec"><strike id="ysnec"><var id="ysnec"></var></strike></dfn></optgroup><acronym id="ysnec"></acronym><var id="ysnec"></var><th id="ysnec"><samp id="ysnec"><rt id="ysnec"><nobr id="ysnec"></nobr></rt></samp></th><pre id="ysnec"></pre><strike id="ysnec"><i id="ysnec"><small id="ysnec"><delect id="ysnec"></delect></small></i></strike><table id="ysnec"></table></div>
</html>