zoukankan      html  css  js  c++  java
  • ie6实现div在select控件之上

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html> 
            <head> 
                    <script> 
                    function DivSetVisible(state) 
                    { 
                            var DivRef = document.getElementById('PopupDiv'); 
                            var IfrRef = document.getElementById('DivShim'); 
                            if(state) 
                            { 
                                    DivRef.style.display = "block"; 
                                    IfrRef.style.width = DivRef.offsetWidth; 
                                    IfrRef.style.height = DivRef.offsetHeight; 
                                    IfrRef.style.top = DivRef.style.top; 
                                    IfrRef.style.left = DivRef.style.left; 
                                    IfrRef.style.zIndex = DivRef.style.zIndex - 1; 
                                    IfrRef.style.display = "block"; 
                            } 
                            else 
                            { 
                                    DivRef.style.display = "none"; 
                                    IfrRef.style.display = "none"; 
                            } 
                    } 
                    </script> 
            </head> 
            <body> 
                    <form> 
                            <select> 
                            <option>A Select Box is Born ....</option> 
                            </select> 
                    </form> 
                    <div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100"> 
                            .... and a DIV can cover it up<br/>through the help of an IFRAME. 
                    </div> 
                    <iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;"> 
                    </iframe> 
                    <br/> 
                    <br/> 
                    <a href="#" onclick="DivSetVisible(true)">Click to show DIV.</a> 
                    <br/> 
                    <br/> 
                    <a href="#" onclick="DivSetVisible(false)">Click to hide DIV.</a> 
            </body> 
    </html> 

  • 相关阅读:
    MethodDispatcher—Cherrypy对REST的支持
    httpclient上传文件
    java导出xlsx文件
    Date和String转换
    进入指定url就可下载xlsx文件
    js前端解决浏览器下载兼容性问题
    linux安装chrome浏览器
    ubuntu14.04配置java jdk
    卷积神经网络
    KMP算法
  • 原文地址:https://www.cnblogs.com/mizzle/p/2130867.html
Copyright © 2011-2022 走看看