這期內(nèi)容當中小編將會給大家?guī)碛嘘P如何解決DIV在IE6下無法遮蓋select，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供金山企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站建設、做網(wǎng)站、H5響應式網(wǎng)站、小程序制作等業(yè)務。10年已為金山眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設計公司優(yōu)惠進行中。
你對DIV浮層在IE6下無法遮蓋select標簽是否了解，這里和大家一起討論一下，其實很早以前我就碰到過關于select元素的問題，但是為什么IE7和FF下DIV都可以遮住select標簽，會為你揭秘。
JavaScript巧解IE6 IE7 IE8兼容問題
這次討論一下關于select元素的一個問題，其實很早以前我就碰到過關于select元素的問題，這次做網(wǎng)站又被問到同樣的問題，就是：一般DIV浮層在IE6下無法遮蓋selectaspxhome.com/search.asp?keyword=%b1%ea%c7%a9" target=_blank>標簽，IE7和FF下DIV都可以遮住select標簽。
列舉個簡單的實例闡述問題：
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 無標題文檔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></pre><p>[提示：你可先修改部分代碼，再按運行]</p><p><img src="/upload/otherpica43/487135.jpg" alt="如何解決DIV在IE6下無法遮蓋select"></p><p>DIV在IE6下無法遮蓋select，原因是在IE6下，瀏覽器將select元素視為窗口級元素，這時DIV或者其它的普通元素無論z-index設置的多高都是無法遮住select元素的。</p><p><strong>網(wǎng)上有兩種解決辦法：</strong></p><p>◆當浮動層DIV出現(xiàn)的時候，用JS將select隱藏，當浮動層DIV消失的時候select恢復出現(xiàn)。這種方法早期用的比較多，這里不多介紹。</p><p>◆ 用select同級別元素：iframe標簽，<iframe frameborder="0"></iframe> 然后用實際的浮動層DIV和iframe放在一起。間接的使DIV遮住了select。</p><p>正確的代碼：</p><pre> "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>無標題文檔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></pre><p>[提示：你可先修改部分代碼，再按運行]</p><p><img src="/upload/otherpica43/487136.jpg" alt="如何解決DIV在IE6下無法遮蓋select"></p><p>上述就是小編為大家分享的如何解決DIV在IE6下無法遮蓋select了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。</p>
<br>
文章名稱：如何解決DIV在IE6下無法遮蓋select <br>
網(wǎng)站網(wǎng)址：<a href="http://weahome.cn/article/igdjoc.html">http://weahome.cn/article/igdjoc.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/jcceci.html">phpmysql慢查詢是什么意思</a>
</li><li>
<a href="/article/jccsps.html">EMQXEnterprise新功能RuleEngine如何理解</a>
</li><li>
<a href="/article/jccece.html">KVM、QEMU與libvirt有哪些區(qū)別</a>
</li><li>
<a href="/article/jccspp.html">jquery如何刪除所有l(wèi)i元素</a>
</li><li>
<a href="/article/jccedd.html">如何下載阿里云https證書</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">成都網(wǎng)站制作</a><a target="_blank">手機網(wǎng)站制作設計</a><a target="_blank">網(wǎng)站制作價格</a><a target="_blank">網(wǎng)站制作公司</a><a target="_blank">四川成都網(wǎng)站制作</a><a target="_blank">移動手機網(wǎng)站制作</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務</h3>
<a target="_blank">免費收錄</a><a target="_blank">免費建站模板</a><a target="_blank">代理記賬</a><a target="_blank">軟文平臺</a><a target="_blank">買友情鏈接</a><a target="_blank">軟文發(fā)布</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設</h3>
<a target="_blank">專業(yè)網(wǎng)站建設</a><a target="_blank">成都電商網(wǎng)站建設方案</a><a target="_blank">裝飾公司網(wǎng)站建設方案</a><a target="_blank">企業(yè)網(wǎng)站建設公司</a><a target="_blank">內(nèi)江網(wǎng)站建設</a><a target="_blank">成都營銷網(wǎng)站建設</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務器托管</h3>
<a target="_blank">移動服務器托管</a><a target="_blank">成都光華機房</a><a target="_blank">綿陽機房托管</a><a target="_blank">溫江服務器托管</a><a target="_blank">義龍電信機房</a><a target="_blank">綿陽機房租用</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國免費咨詢:</p>
<b>400-028-6601</b>
<p>業(yè)務咨詢：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設</a>
<a target="_blank">重慶網(wǎng)站建設</a>
<a href="">四川網(wǎng)站建設</a>
<a href="">重慶建設網(wǎng)站</a>
<a target="_blank">移動服務器托管</a>
<a target="_blank">成都服務器托管</a>
<a target="_blank">云服務器</a>
<a target="_blank">廣告設計制作</a>
<a target="_blank">重慶網(wǎng)頁設計</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設計</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預約顧問</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</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="mqi6c" class="pl_css_ganrao" style="display: none;"><xmp id="mqi6c"><strike id="mqi6c"><s id="mqi6c"></s></strike></xmp><samp id="mqi6c"><code id="mqi6c"><object id="mqi6c"></object></code></samp><s id="mqi6c"></s><wbr id="mqi6c"></wbr><button id="mqi6c"></button><th id="mqi6c"><menu id="mqi6c"><noscript id="mqi6c"></noscript></menu></th><object id="mqi6c"></object><noframes id="mqi6c"></noframes><pre id="mqi6c"></pre><source id="mqi6c"></source><center id="mqi6c"></center><xmp id="mqi6c"><strike id="mqi6c"><s id="mqi6c"></s></strike></xmp><abbr id="mqi6c"><kbd id="mqi6c"><acronym id="mqi6c"></acronym></kbd></abbr><strong id="mqi6c"></strong><rt id="mqi6c"></rt><tfoot id="mqi6c"><input id="mqi6c"><small id="mqi6c"></small></input></tfoot><blockquote id="mqi6c"></blockquote><abbr id="mqi6c"></abbr><abbr id="mqi6c"></abbr><abbr id="mqi6c"></abbr><li id="mqi6c"></li><pre id="mqi6c"></pre><xmp id="mqi6c"><th id="mqi6c"><s id="mqi6c"></s></th></xmp><rt id="mqi6c"></rt><samp id="mqi6c"></samp><acronym id="mqi6c"><xmp id="mqi6c"><strike id="mqi6c"></strike></xmp></acronym><center id="mqi6c"></center><fieldset id="mqi6c"></fieldset><tbody id="mqi6c"><button id="mqi6c"><samp id="mqi6c"></samp></button></tbody><dl id="mqi6c"><input id="mqi6c"><tbody id="mqi6c"></tbody></input></dl><del id="mqi6c"></del><pre id="mqi6c"></pre><em id="mqi6c"><delect id="mqi6c"><dfn id="mqi6c"></dfn></delect></em><source id="mqi6c"><small id="mqi6c"><abbr id="mqi6c"></abbr></small></source><code id="mqi6c"></code><tr id="mqi6c"><sup id="mqi6c"><center id="mqi6c"></center></sup></tr><dd id="mqi6c"></dd><strong id="mqi6c"><abbr id="mqi6c"><kbd id="mqi6c"></kbd></abbr></strong><xmp id="mqi6c"><tr id="mqi6c"><rt id="mqi6c"></rt></tr></xmp><code id="mqi6c"></code><pre id="mqi6c"></pre><acronym id="mqi6c"></acronym><th id="mqi6c"></th><rt id="mqi6c"></rt><dl id="mqi6c"></dl><strike id="mqi6c"></strike><dl id="mqi6c"></dl><pre id="mqi6c"><source id="mqi6c"><cite id="mqi6c"></cite></source></pre><noframes id="mqi6c"></noframes><strong id="mqi6c"></strong></div>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
重慶分公司
重慶分公司