IE6下div层被select控件遮住的问题解决方法

Select在IE6下是处于最顶层的,因此想要遮住它,设置zIndex属性是不行的,就需要一个优先级更高的元素,就是iframe,当把iframe嵌套在弹出div层中后,把iframe设置为不可见,但它使弹出的div能浮于select等一些元素之上,因此完美解决了此问题,如下是需要弹出的Div代码,星号内代码为添加的iframe:

<div id="quest">
        <!--*******************************iframe**********************************-->
       <iframe style="width:100%;filter:alpha(opacity=0);-moz-opacity:0; height:185px; position:absolute; z-index:-1"></iframe>
       <!--*********************************iframe********************************-->
       后面的内容
</div>

这种方式相当于把ifame做为一个透明的底层。为了用ifame遮挡后面的select控件。

时间: 2024-08-27 02:42:23

IE6下div层被select控件遮住的问题解决方法的相关文章

Jquery+json绑定带层次下拉框(select控件)

一.实现的效果图 二.主要代码 html代码 <select id="pid" runat="server"> <option value="0" data="|0|">不选父级类</option> </select> Jquery代码 var html = ['<option value="0">不选父级模块</option>'];

Asp.net绑定带层次下拉框(select控件)

1.效果图 2.数据库中表数据结构 3.前台页面 <select id="pid" runat="server"> <option value="0" data="|0|">不选父级类</option> </select> 备注:查看源代码 4.后台代码 using System; using System.Data; using System.Web.UI.WebControl

第三方分页控件aspnetPager出现问题解决方法

问题描述: 今天在打开以前的项目使用vs2013打开后并且生成解决方案的时候发现报错了.经过检查发现是由于第三方分页控件aspnetPager在页面上不能引用到了. 解决方法: 1. 首先将AspNetPager.dll复制于应用程序下的bin目录. 2.其次在bin目录中引用它(AspNetPager.dll). 3.在工具箱中再次添加这个第三方控件 4.再将这个第三方控件拖到页面中,再次生成解决方案即可.

IE6 下 输入类型表单控件背景问题

.box input{background:url(img/1.jpg) fixed} <body> <div class="box"> <input type="text" >图片加入fixed就行 </div> </body> 背景图片就会固定不动.

前端学习之select控件的使用2,省市县三级联动选择,select控件属性、方法、事件的综合应用

总结select控件的属性.方法.事件的使用.数据源使用json数据,包括json数据的遍历. <label for="sheng">省</label> <select id="sheng" name="sheng"> <option value='00'>请选择</option> <option value='11'>北京市</option> <optio

IE6/7下Select控件Display属性无效解决办法

HTML的Select控件,C#的DropDownList服务器控件 设置父类型Display属性之后,在IE6/7上无效 直接将下段javascript脚本添加到页面中即可 <script type="text/javascript">     window.onload = function () {         if (document.getElementsByTagName) {             var s = document.getElements

模拟select控件&amp;&amp;显示单击的坐标&amp;&amp;用户按下键盘,显示keyCode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js+CSS实现模拟华丽的select控件下拉菜单效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

IE6浏览器下div无法遮盖select下拉框解决方法

IE6浏览器下div无法遮盖select下拉框解决方法:在IE6浏览器下,select下拉框无法被div遮盖,其他的主流浏览器都是正常的.这里简单介绍一下如何解决此问题.默认状态下IE6的表现: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn