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

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間：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)站建設公司創(chuàng)新互聯(lián),欒城網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為欒城上千提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設要多少錢，請找那個售后服務好的欒城做網(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-index設置的多高都是無法遮住select元素的。#p#</p><p><strong>網(wǎng)上有兩種解決辦法：</strong></p><p>◆當浮動層DIV出現(xiàn)的時候，用JS將select隱藏，當浮動層DIV消失的時候select恢復出現(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.5511xx.com/article/cdsehsj.html">http://www.5511xx.com/article/cdsehsj.html</a>
                                            </div>
                                            <div   id="pzm977b"   class="hot_new">
                                                <div   id="pejxu9x"   class="page_title clearfix">
                                                    <h3>其他資訊</h3>
                                                </div>
                                                <div   id="o49l3u7"   class="news_list clearfix">
                                                    <ul>
                                                        <li>
                                                                <a href="/article/dhepoeh.html">更新！改善了Linux性能的lame方案（lamelinux）</a>
                                                            </li><li>
                                                                <a href="/article/dhepois.html">Linux服務器怎樣設置防火墻？服務器防火器設置</a>
                                                            </li><li>
                                                                <a href="/article/dhejhhd.html">python中的assert用法</a>
                                                            </li><li>
                                                                <a href="/article/dheposo.html">ros移植到windows?（ros在windows)</a>
                                                            </li><li>
                                                                <a href="/article/dheposi.html">thinkphp如何隱藏js中的數(shù)據(jù)庫</a>
                                                            </li>                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部信息 -->
<div   id="fmwkhmz"   class="footer wow fadeInUp">
    <div   id="ip4uqwb"   class="rowFluid">
        <div   id="jl1caww"   class="span12">
            <div   id="44hv37m"   class="container">
                <div   id="qodkguh"   class="footer_content">
                    <div   id="tsgua49"   class="span4 col-xm-12">
                        <div   id="bnifj2q"   class="footer_list">
                            <div   id="fniesf7"   class="span6">
                                <div   id="kiola72"   class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務號二維碼" /></div>
                            </div>
                            <div   id="wmh8y1u"   class="span6 col-xm-12">
                                <div   id="evjj2d4"   class="quick_navigation">
                                    <div   id="i949xtq"   class="quick_navigation_title">快速導航</div>
                                    <ul>
                                        <li><a  title="成都網(wǎng)站建設" target="_blank">成都網(wǎng)站建設</a></li><li><a  title="新型地坪材料" target="_blank">新型地坪材料</a></li><li><a  title="做網(wǎng)站價格" target="_blank">做網(wǎng)站價格</a></li><li><a  title="品牌官網(wǎng)設計" target="_blank">品牌官網(wǎng)設計</a></li><li><a  title="上市企業(yè)網(wǎng)站建設方案" target="_blank">上市企業(yè)網(wǎng)站建設方案</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="四川艾名斯" target="_blank">四川艾名斯</a></li><li><a  title="syruijie.cn" target="_blank">syruijie.cn</a></li>                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div   id="jsnjiwr"   class="span4 col-xm-6 col-xs-12">
                        <div   id="eus99zf"   class="footer_list">
                            <div   id="izxtrw3"   class="footer_link">
                                <div   id="ltgvkqn"   class="footer_link_title">友情鏈接</div>
                                <ul id="frientLinks">
                                    <a  title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a>
                                    <a  title="網(wǎng)站建設" target="_blank">網(wǎng)站建設</a>
                                    <a  title="成都網(wǎng)絡推廣" target="_blank">網(wǎng)絡推廣</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)站欄目導航" target="_blank">網(wǎng)站導航</a>
                                </ul>
                                <div   id="8zuiv4u"   class="footer_link_title">網(wǎng)站建設</div>
                                <ul id="frientLinks">
                                    <li><a href="/">四川平武建站</a></li>
                                    <li><a  title="創(chuàng)新互聯(lián)網(wǎng)站欄目導航" target="_blank">網(wǎng)站導航</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div   id="rqokqvi"   class="span4 col-xm-6 col-xs-12">
                        <div   id="mcpmzvu"   class="footer_list">
                            <div   id="47gwspt"   class="footer_cotact">
                                <div   id="vmqecqf"   class="footer_cotact_title">聯(lián)系方式</div>
                                <ul>
                                    <li><span id="o9ocp6e"    class="footer_cotact_type">企業(yè)：</span><span id="ixbyuzu"    class="footer_cotact_content">四川綿陽平武網(wǎng)站建設工作室</span></li>
                                    <li><span id="yy4apvr"    class="footer_cotact_type">地址：</span><span id="xnbkxti"    class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li>
                                    <li><span id="jqwkfa9"    class="footer_cotact_type">電話：</span><span id="h4bwt7h"    class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
                                    <li><span id="ulyerwd"    class="footer_cotact_type">網(wǎng)址：</span><span id="rye9xk2"    class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設">www.5511xx.com</a></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div   id="qyxkplh"   class="copyright">
                <p>公司名稱：四川綿陽平武網(wǎng)站建設工作室   聯(lián)系電話：18980820575</p>
                <p><a  target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p>
                <p>四川平武建站 四川平武網(wǎng)站建設 四川平武網(wǎng)站設計 四川平武網(wǎng)站制作 <a  target="_blank">成都做網(wǎng)站</a></p>
            </div>
        </div>
    </div>
</div>

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

<div class="friend-links">

<a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a>
<a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a>
<a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</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="7xbnq" class="pl_css_ganrao" style="display: none;"><style id="7xbnq"></style><acronym id="7xbnq"></acronym><label id="7xbnq"><abbr id="7xbnq"><div id="7xbnq"></div></abbr></label><rp id="7xbnq"><legend id="7xbnq"><nav id="7xbnq"></nav></legend></rp><ol id="7xbnq"><menu id="7xbnq"><rp id="7xbnq"></rp></menu></ol><listing id="7xbnq"></listing><tbody id="7xbnq"></tbody><p id="7xbnq"></p><rp id="7xbnq"><dd id="7xbnq"><strong id="7xbnq"></strong></dd></rp><pre id="7xbnq"><s id="7xbnq"></s></pre><label id="7xbnq"></label><div id="7xbnq"><menu id="7xbnq"><tr id="7xbnq"></tr></menu></div><label id="7xbnq"></label><abbr id="7xbnq"><center id="7xbnq"><menu id="7xbnq"></menu></center></abbr><tr id="7xbnq"></tr><strike id="7xbnq"><strong id="7xbnq"><tr id="7xbnq"></tr></strong></strike><label id="7xbnq"></label><object id="7xbnq"></object><tr id="7xbnq"><dd id="7xbnq"><nav id="7xbnq"></nav></dd></tr><s id="7xbnq"><th id="7xbnq"><tbody id="7xbnq"></tbody></th></s><s id="7xbnq"></s><ruby id="7xbnq"></ruby><table id="7xbnq"><small id="7xbnq"><cite id="7xbnq"></cite></small></table><s id="7xbnq"><th id="7xbnq"><tbody id="7xbnq"></tbody></th></s><ul id="7xbnq"><fieldset id="7xbnq"><table id="7xbnq"></table></fieldset></ul><tr id="7xbnq"><style id="7xbnq"><th id="7xbnq"></th></style></tr><th id="7xbnq"></th><tr id="7xbnq"></tr><div id="7xbnq"></div><label id="7xbnq"></label><tr id="7xbnq"></tr><span id="7xbnq"></span><fieldset id="7xbnq"><listing id="7xbnq"><dd id="7xbnq"></dd></listing></fieldset><rp id="7xbnq"><dl id="7xbnq"><strong id="7xbnq"></strong></dl></rp><rp id="7xbnq"><dl id="7xbnq"><strong id="7xbnq"></strong></dl></rp><i id="7xbnq"><tbody id="7xbnq"><tr id="7xbnq"></tr></tbody></i><pre id="7xbnq"><s id="7xbnq"><option id="7xbnq"></option></s></pre><tbody id="7xbnq"><dl id="7xbnq"><tbody id="7xbnq"></tbody></dl></tbody><form id="7xbnq"><del id="7xbnq"><label id="7xbnq"></label></del></form><pre id="7xbnq"><bdo id="7xbnq"><option id="7xbnq"></option></bdo></pre><label id="7xbnq"><form id="7xbnq"><dl id="7xbnq"></dl></form></label><object id="7xbnq"><strong id="7xbnq"><tr id="7xbnq"></tr></strong></object><b id="7xbnq"><tbody id="7xbnq"><code id="7xbnq"></code></tbody></b><ol id="7xbnq"></ol><span id="7xbnq"></span><th id="7xbnq"></th><center id="7xbnq"><strong id="7xbnq"><form id="7xbnq"></form></strong></center><table id="7xbnq"></table><i id="7xbnq"><em id="7xbnq"><pre id="7xbnq"></pre></em></i><form id="7xbnq"></form><legend id="7xbnq"><cite id="7xbnq"><abbr id="7xbnq"></abbr></cite></legend><del id="7xbnq"><cite id="7xbnq"><abbr id="7xbnq"></abbr></cite></del><tr id="7xbnq"></tr><label id="7xbnq"></label><th id="7xbnq"><tbody id="7xbnq"><object id="7xbnq"></object></tbody></th><th id="7xbnq"></th><tbody id="7xbnq"></tbody><th id="7xbnq"></th><th id="7xbnq"><strong id="7xbnq"><ruby id="7xbnq"></ruby></strong></th><table id="7xbnq"></table><em id="7xbnq"><wbr id="7xbnq"><bdo id="7xbnq"></bdo></wbr></em><form id="7xbnq"><legend id="7xbnq"><label id="7xbnq"></label></legend></form><rp id="7xbnq"><dl id="7xbnq"><strong id="7xbnq"></strong></dl></rp><code id="7xbnq"><small id="7xbnq"><p id="7xbnq"></p></small></code><ol id="7xbnq"><menu id="7xbnq"><tbody id="7xbnq"></tbody></menu></ol><object id="7xbnq"><strong id="7xbnq"><tr id="7xbnq"></tr></strong></object><abbr id="7xbnq"><center id="7xbnq"><menu id="7xbnq"></menu></center></abbr><option id="7xbnq"></option><th id="7xbnq"><acronym id="7xbnq"><object id="7xbnq"></object></acronym></th><label id="7xbnq"></label><p id="7xbnq"><abbr id="7xbnq"><ul id="7xbnq"></ul></abbr></p><ul id="7xbnq"><strike id="7xbnq"><listing id="7xbnq"></listing></strike></ul><legend id="7xbnq"><cite id="7xbnq"><abbr id="7xbnq"></abbr></cite></legend><label id="7xbnq"><abbr id="7xbnq"><div id="7xbnq"></div></abbr></label><dl id="7xbnq"></dl><bdo id="7xbnq"></bdo><i id="7xbnq"><strong id="7xbnq"><tr id="7xbnq"></tr></strong></i><code id="7xbnq"></code><ol id="7xbnq"></ol><i id="7xbnq"></i><legend id="7xbnq"></legend><abbr id="7xbnq"></abbr><dd id="7xbnq"><p id="7xbnq"><u id="7xbnq"></u></p></dd><small id="7xbnq"></small><rp id="7xbnq"><legend id="7xbnq"><nav id="7xbnq"></nav></legend></rp><strike id="7xbnq"><table id="7xbnq"><del id="7xbnq"></del></table></strike><tr id="7xbnq"></tr><dd id="7xbnq"><label id="7xbnq"><u id="7xbnq"></u></label></dd><legend id="7xbnq"></legend><tbody id="7xbnq"><tr id="7xbnq"><s id="7xbnq"></s></tr></tbody><legend id="7xbnq"></legend><em id="7xbnq"><wbr id="7xbnq"><bdo id="7xbnq"></bdo></wbr></em><legend id="7xbnq"><nav id="7xbnq"><abbr id="7xbnq"></abbr></nav></legend><u id="7xbnq"></u><u id="7xbnq"></u><dl id="7xbnq"><tbody id="7xbnq"><pre id="7xbnq"></pre></tbody></dl></div>
</html>