zoukankan      html  css  js  c++  java
  • IE6下select标签覆盖div的完美解决办法

    在上一家公司做网站的时候遇到一个问题,IE6下select标签覆盖div的问题。

    虽然很多人很讨厌IE6,但是IE6.0还是有很多用户,特别是前端设计人员,很多Bug让人很纠结,关于IE6下select标签覆盖div的问题,现在已经有完美解决办法

    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
    <title>IE6下select标签覆盖div的解决办法</title>  
    </head>  
    <body>  
    <div style="position:absolute;background:red;200px;left:20px;top:20px;">  
    
     <!--[if IE 6]><iframe style="position:absolute;100%; height:100%;_filter:alpha(opacity=0);opacity=0;border-style:none;"></iframe><![endif]-->
    IE6下select标签覆盖div的解决办法<br>
    可 能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的 Z轴高度上来!
    </div>  
    <select><option>内容终于被盖住</option></select>  
    IE6下select标签覆盖div的解决办法       
    </body>  
    </html>  
    

  • 相关阅读:
    themes、skins
    使用GreyBox实现Ajax模式窗口
    .net最小化到系统托盘
    asp.net自定义控件
    [转]SQL函数的简短说明
    prototype1.4 和1.5
    [转]Oracle PL/SQL 编程手册(SQL大全)
    更新同一张表中的数据的方法
    js中eval()的作用
    asp.net中的中文和特殊字符的处理方式!
  • 原文地址:https://www.cnblogs.com/kingwell/p/2555011.html
Copyright © 2011-2022 走看看