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> 

  • 相关阅读:
    Mysql_大字段问题Row size too large.....not counting BLOBs, is 8126.
    Pycharm快捷键设置(鼠标滚动控制字体大小)
    python实现将base64编码的图片下载到本地
    [CentOS_7.4]Linux编译安装ffmpeg
    contenOs7
    文本特征提取方法研究
    Mahout中相似度计算方法介绍
    基于Mahout的电影推荐系统
    向Python女神推荐这些年我追过的经典书籍
    Mahout推荐算法API详解
  • 原文地址:https://www.cnblogs.com/mizzle/p/2130867.html
Copyright © 2011-2022 走看看