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> 

  • 相关阅读:
    心情日记:【原创诗歌】怆情吟
    心情日记:2008年3月3日 奶奶去世
    心情日记:健身日记
    金融基础概念期货
    FXDD点值获利计算
    外汇基础概念汇率
    报告论文:是学生都copy下来,现在不用,将来绝对要用(转)
    情感日记:毕业临走物语
    美元为什么坚挺
    英特尔首席技术官:人机智能鸿沟将于2050年消失
  • 原文地址:https://www.cnblogs.com/mizzle/p/2130867.html
Copyright © 2011-2022 走看看