日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

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

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>標簽，IE7和FF下DIV都可以遮住select標簽。

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

 
 
 
 
      
  
  
  
  1.   
  
  
  
  2.  
    3.   
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 無標題文檔 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>測試選項 option> </li>  
  
  
  <li>  <option>測試選項2 option> </li>  
  
  
  <li>  <option>測試選項3 option> </li>  
  
  
  <li> select> </li>  
  
  
  <li> label> </li>  
  
  
  <li> form> </li>  
  
  
  <li> body> </li>  
  
  
  <li> html> </li>  
  
  
  <li> </li> 
 
 
</ol></pre><p> [提示：你可先修改部分代碼，再按運行]</p></p><p>DIV在IE6下無法遮蓋select，原因是在IE6下，瀏覽器將select元素視為窗口級元素，這時DIV或者其它的普通元素?zé)o論z-index設(shè)置的多高都是無法遮住select元素的。#p#</p><p><strong>網(wǎng)上有兩種解決辦法：</strong></p><p>◆當浮動層DIV出現(xiàn)的時候，用JS將select隱藏，當浮動層DIV消失的時候select恢復(fù)出現(xiàn)。這種方法早期用的比較多，這里不多介紹。</p><p>◆ 用select同級別元素：iframe標簽， 然后用實際的浮動層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>無標題文檔 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>測試選項 option> </li>  
  
  
  <li>  <option>測試選項2 option> </li>  
  
  
  <li>  <option>測試選項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>[提示：你可先修改部分代碼，再按運行]</p></p><p>【編輯推薦】</p><ol><li>深入探究IE8和IE7的24個區(qū)別</li><li>探究IE8與IE7具體功能中窗口功能按鈕的變化</li><li>剖析Margin和Padding屬性中四個值的先后順序及區(qū)別</li><li>九步輕松解決IE6的各種疑難雜癥</li><li>技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問題</li></ol>                                                <br>
                                                當前名稱：解決DIV在IE6下無法遮蓋select                                                <br>
                                                文章路徑：<a href="http://www.dlmjj.cn/article/cdsehsj.html">http://www.dlmjj.cn/article/cdsehsj.html</a>
                                            </div>
                                            <div   id="7ylrv97"   class="hot_new">
                                                <div   id="dmjw9uj"   class="page_title clearfix">
                                                    <h3>其他資訊</h3>
                                                </div>
                                                <div   id="1fuip8u"   class="news_list clearfix">
                                                    <ul>
                                                        <li>
                                                                <a href="/article/dhpgssg.html">SSL證書怎么上傳到服務(wù)器</a>
                                                            </li><li>
                                                                <a href="/article/dhpgssi.html">創(chuàng)新互聯(lián)Python教程：python中self可以在函數(shù)中使用嗎？</a>
                                                            </li><li>
                                                                <a href="/article/dhpgcjc.html">如何加強Magento電子商務(wù)網(wǎng)站的安全性?</a>
                                                            </li><li>
                                                                <a href="/article/dhpgsdd.html">數(shù)據(jù)前置主機的主要功能是什么</a>
                                                            </li><li>
                                                                <a href="/article/dhpgsee.html">app的中文域名怎么申請？(如何成為中文域名注冊商)</a>
                                                            </li>                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部信息 -->
<div   id="9obgdah"   class="footer wow fadeInUp">
    <div   id="oxl77vv"   class="rowFluid">
        <div   id="ensfuir"   class="span12">
            <div   id="qqetp1o"   class="container">
                <div   id="avaqf6l"   class="footer_content">
                    <div   id="92tzvbo"   class="span4 col-xm-12">
                        <div   id="uu7bqfm"   class="footer_list">
                            <div   id="wwd3fty"   class="span6">
                                <div   id="bkhmubz"   class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div>
                            </div>
                            <div   id="ssx8gw9"   class="span6 col-xm-12">
                                <div   id="3rpci6j"   class="quick_navigation">
                                    <div   id="gpuaf7n"   class="quick_navigation_title">快速導(dǎo)航</div>
                                    <ul>
                                        <li><a  title="樂山柴油發(fā)電機公司" target="_blank">樂山柴油發(fā)電機公司</a></li><li><a  title="網(wǎng)站定制" target="_blank">網(wǎng)站定制</a></li><li><a  title="微信小程序" target="_blank">微信小程序</a></li><li><a  title="軟文推廣" target="_blank">軟文推廣</a></li><li><a  title="威斯達宇" target="_blank">威斯達宇</a></li><li><a  title="ledyue.cn" target="_blank">ledyue.cn</a></li><li><a  title="成都小程序開發(fā)" target="_blank">成都小程序開發(fā)</a></li>                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div   id="d4kxdra"   class="span4 col-xm-6 col-xs-12">
                        <div   id="jbierpo"   class="footer_list">
                            <div   id="jafb67x"   class="footer_link">
                                <div   id="sbj4ljo"   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="9q3b8f7"   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="zp4zgwt"   class="span4 col-xm-6 col-xs-12">
                        <div   id="q4kbh8x"   class="footer_list">
                            <div   id="yh2vapu"   class="footer_cotact">
                                <div   id="wnu3caj"   class="footer_cotact_title">聯(lián)系方式</div>
                                <ul>
                                    <li><span id="4sjpljg"    class="footer_cotact_type">企業(yè)：</span><span id="ve74hfl"    class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li>
                                    <li><span id="h4rgkpe"    class="footer_cotact_type">地址：</span><span id="fobx8bi"    class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li>
                                    <li><span id="subph84"    class="footer_cotact_type">電話：</span><span id="qqwkqod"    class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
                                    <li><span id="hq4r4xn"    class="footer_cotact_type">網(wǎng)址：</span><span id="ogmzn2e"    class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">www.dlmjj.cn</a></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div   id="2tpmiwd"   class="copyright">
                <p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室   聯(lián)系電話：18980820575</p>
                <p><a  target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p>
                <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計 四川平武網(wǎng)站制作 <a  target="_blank">成都做網(wǎng)站</a></p>
            </div>
        </div>
    </div>
</div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.dlmjj.cn/" title="日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区">日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区</a>

<div class="friend-links">

<a href="http://www.mozom.cn">玖玖资源综合视频|不卡免费视频在线|日本一二区观看在线|在线视频 日韩 欧美|日韩人妻无码精品色|五月天丁香成人图片|久久精品亚洲天堂人妻无码精品网站|熟女一区二区三区免费|精品国产一级无码AV|啪啪啪网站免费观看</a>
<a href="http://www.sdshangyuan.cn">女女百合片www免费观看有剧情自慰|久草国产porn|色噜噜狠狠狠狠色综合久一麻豆|偷拍 自拍 三区|无码国产精品一区二区vr老人|不卡日韩无码高清|久久这里有亚洲无码|日本欧美久久久久免费视频|浮力影院成人A片|欧洲无码视频在线观看奶头</a>
<a href="http://www.hamihami.cn">精品日韩乱码久久久久久丨区2区|伊人久久夜夜爽一区无码|天堂AV无码AV|国产巨乳美女裸体网站|国产熟女三区四区|综合久久久久久久|熟女色色一区二区三区|欧美成人精品一区二区三区四凶|成人区人妻精品一|国产九幺久久久官网</a>

</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="iagz1" class="pl_css_ganrao" style="display: none;"><table id="iagz1"><dd id="iagz1"><dl id="iagz1"><optgroup id="iagz1"></optgroup></dl></dd></table><sub id="iagz1"><strike id="iagz1"><var id="iagz1"><center id="iagz1"></center></var></strike></sub><div id="iagz1"><strike id="iagz1"><form id="iagz1"><thead id="iagz1"></thead></form></strike></div><label id="iagz1"><em id="iagz1"><div id="iagz1"><sup id="iagz1"></sup></div></em></label><var id="iagz1"><ins id="iagz1"><thead id="iagz1"><strong id="iagz1"></strong></thead></ins></var><pre id="iagz1"></pre><menuitem id="iagz1"></menuitem><form id="iagz1"><big id="iagz1"><label id="iagz1"><optgroup id="iagz1"></optgroup></label></big></form><input id="iagz1"><optgroup id="iagz1"><div id="iagz1"><sup id="iagz1"></sup></div></optgroup></input><samp id="iagz1"></samp><strong id="iagz1"></strong><strong id="iagz1"></strong><big id="iagz1"><thead id="iagz1"><optgroup id="iagz1"><sub id="iagz1"></sub></optgroup></thead></big><td id="iagz1"><i id="iagz1"><ins id="iagz1"><form id="iagz1"></form></ins></i></td><optgroup id="iagz1"></optgroup><th id="iagz1"><span id="iagz1"><rt id="iagz1"><ins id="iagz1"></ins></rt></span></th><tr id="iagz1"><legend id="iagz1"><th id="iagz1"><dfn id="iagz1"></dfn></th></legend></tr><dfn id="iagz1"></dfn><sup id="iagz1"><strike id="iagz1"><var id="iagz1"><thead id="iagz1"></thead></var></strike></sup><thead id="iagz1"></thead><code id="iagz1"><center id="iagz1"><form id="iagz1"><strong id="iagz1"></strong></form></center></code><s id="iagz1"></s><strike id="iagz1"></strike><strong id="iagz1"><sup id="iagz1"><td id="iagz1"><code id="iagz1"></code></td></sup></strong><menuitem id="iagz1"></menuitem><strike id="iagz1"></strike><sub id="iagz1"></sub><pre id="iagz1"></pre><i id="iagz1"><tbody id="iagz1"><form id="iagz1"><s id="iagz1"></s></form></tbody></i><tr id="iagz1"><legend id="iagz1"><th id="iagz1"><dfn id="iagz1"></dfn></th></legend></tr><thead id="iagz1"></thead><dfn id="iagz1"></dfn><output id="iagz1"><strike id="iagz1"><code id="iagz1"><thead id="iagz1"></thead></code></strike></output><sup id="iagz1"><table id="iagz1"><big id="iagz1"><dl id="iagz1"></dl></big></table></sup><thead id="iagz1"></thead><dd id="iagz1"></dd><menuitem id="iagz1"></menuitem><rt id="iagz1"><nobr id="iagz1"><tr id="iagz1"><legend id="iagz1"></legend></tr></nobr></rt><tt id="iagz1"></tt><optgroup id="iagz1"><xmp id="iagz1"><fieldset id="iagz1"><form id="iagz1"></form></fieldset></xmp></optgroup><samp id="iagz1"><dl id="iagz1"><input id="iagz1"><delect id="iagz1"></delect></input></dl></samp><strong id="iagz1"><sup id="iagz1"><td id="iagz1"><var id="iagz1"></var></td></sup></strong><form id="iagz1"></form><tt id="iagz1"><dd id="iagz1"><input id="iagz1"><optgroup id="iagz1"></optgroup></input></dd></tt><fieldset id="iagz1"><code id="iagz1"><thead id="iagz1"><thead id="iagz1"></thead></thead></code></fieldset><xmp id="iagz1"><strike id="iagz1"><table id="iagz1"><dd id="iagz1"></dd></table></strike></xmp><strong id="iagz1"></strong><table id="iagz1"></table><delect id="iagz1"><div id="iagz1"><menu id="iagz1"><tt id="iagz1"></tt></menu></div></delect><pre id="iagz1"></pre><tr id="iagz1"><acronym id="iagz1"><small id="iagz1"><menuitem id="iagz1"></menuitem></small></acronym></tr><sup id="iagz1"><table id="iagz1"><big id="iagz1"><dl id="iagz1"></dl></big></table></sup><samp id="iagz1"><big id="iagz1"><pre id="iagz1"><em id="iagz1"></em></pre></big></samp><tt id="iagz1"><dd id="iagz1"><input id="iagz1"><optgroup id="iagz1"></optgroup></input></dd></tt><div id="iagz1"></div><fieldset id="iagz1"></fieldset><sub id="iagz1"></sub><rt id="iagz1"></rt><ins id="iagz1"><meter id="iagz1"><legend id="iagz1"><small id="iagz1"></small></legend></meter></ins><pre id="iagz1"></pre><label id="iagz1"><em id="iagz1"><div id="iagz1"><sup id="iagz1"></sup></div></em></label><acronym id="iagz1"><small id="iagz1"><menuitem id="iagz1"><dl id="iagz1"></dl></menuitem></small></acronym><small id="iagz1"><tt id="iagz1"><dl id="iagz1"><input id="iagz1"></input></dl></tt></small><legend id="iagz1"><small id="iagz1"><span id="iagz1"><rt id="iagz1"></rt></span></small></legend><center id="iagz1"></center><menu id="iagz1"></menu><acronym id="iagz1"><menu id="iagz1"><samp id="iagz1"><tfoot id="iagz1"></tfoot></samp></menu></acronym><rt id="iagz1"></rt><span id="iagz1"><rt id="iagz1"><nobr id="iagz1"><tr id="iagz1"></tr></nobr></rt></span><sup id="iagz1"><table id="iagz1"><big id="iagz1"><dl id="iagz1"></dl></big></table></sup><table id="iagz1"><ins id="iagz1"><thead id="iagz1"><dfn id="iagz1"></dfn></thead></ins></table><dl id="iagz1"></dl><td id="iagz1"><i id="iagz1"><ins id="iagz1"><form id="iagz1"></form></ins></i></td><div id="iagz1"><menu id="iagz1"><form id="iagz1"><tfoot id="iagz1"></tfoot></form></menu></div><xmp id="iagz1"><strike id="iagz1"><table id="iagz1"><thead id="iagz1"></thead></table></strike></xmp><div id="iagz1"><strike id="iagz1"><form id="iagz1"><dd id="iagz1"></dd></form></strike></div><meter id="iagz1"><strike id="iagz1"><small id="iagz1"><samp id="iagz1"></samp></small></strike></meter><output id="iagz1"><dfn id="iagz1"><i id="iagz1"><nobr id="iagz1"></nobr></i></dfn></output><s id="iagz1"><menu id="iagz1"><menuitem id="iagz1"><tfoot id="iagz1"></tfoot></menuitem></menu></s><samp id="iagz1"></samp><tbody id="iagz1"></tbody><menu id="iagz1"></menu><big id="iagz1"><thead id="iagz1"><optgroup id="iagz1"><sub id="iagz1"></sub></optgroup></thead></big><span id="iagz1"><dl id="iagz1"><nobr id="iagz1"><meter id="iagz1"></meter></nobr></dl></span><fieldset id="iagz1"><code id="iagz1"><thead id="iagz1"><wbr id="iagz1"></wbr></thead></code></fieldset><i id="iagz1"><tbody id="iagz1"><form id="iagz1"><s id="iagz1"></s></form></tbody></i><code id="iagz1"><tbody id="iagz1"><form id="iagz1"><s id="iagz1"></s></form></tbody></code><dfn id="iagz1"><output id="iagz1"><strike id="iagz1"><code id="iagz1"></code></strike></output></dfn><menuitem id="iagz1"><tfoot id="iagz1"><pre id="iagz1"><delect id="iagz1"></delect></pre></tfoot></menuitem><meter id="iagz1"><div id="iagz1"><label id="iagz1"><tt id="iagz1"></tt></label></div></meter><input id="iagz1"><optgroup id="iagz1"><div id="iagz1"><strike id="iagz1"></strike></div></optgroup></input><strong id="iagz1"><small id="iagz1"><span id="iagz1"><rt id="iagz1"></rt></span></small></strong><form id="iagz1"></form><var id="iagz1"><ins id="iagz1"><thead id="iagz1"><strong id="iagz1"></strong></thead></ins></var><tfoot id="iagz1"><dl id="iagz1"><delect id="iagz1"><xmp id="iagz1"></xmp></delect></dl></tfoot><s id="iagz1"></s><small id="iagz1"></small><small id="iagz1"></small><meter id="iagz1"><div id="iagz1"><label id="iagz1"><tt id="iagz1"></tt></label></div></meter><s id="iagz1"><label id="iagz1"><dfn id="iagz1"><dl id="iagz1"></dl></dfn></label></s></div>
</html>