IE6下select被这罩住

【IE6下select被这罩住】的更多相关文章

IE6下select被这罩住

在我们做弹出遮罩层时经常遇到这种问题,就是select被这罩住不兼容IE6,其实解决这种问题并不难,只要掌握住原理就挺简单的. 首先就是当遮罩层出现时select要暂时隐藏,但是不能用display:none; 要用visibility:hidden;这样select的虽然隐藏但位置还在. 下面是js代码: <script language="javascript">function f(o){o.style.display = "none";docum…

解决IE6下select显示在弹出框上问题

利用定位position:absolute;z-index:1;和iframe[z-index:-1]来解决此问题,最好根据需要加上: border='0' frameborder='0' scrolling='no'来去除滚动条和边框,需要使用jquery1.7.2.js. 解决方法: 1.将iframe放到弹出层的最外层里的最后面,也可以是里面,定义z-index:-1;. 1: <div class="left_main_menu"> 2: <div class…

完美解决该死的ie6下select总是置于最上层bug

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <script src="http://i.tq121.com.cn/j/jquery-1.8.2.js" type="text/javascript" ></script>…

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

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

IE6下div遮盖select的最优解决方案

a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案原理:利用iframe来遮挡select,再用div来遮挡iframe,就这么简单. 1)首先,建一个div层和iframe层: 2)再设置它们的属性,重要的样式是用z-index来控制iframe和div的显示顺序,z-index的值越大,他会在表层显示. (注意:z-index只有在设置了position:absolute;后才会生效) 3)再用js来控制它们显示和隐藏. c.本CSS自适应宽度圆角按钮制作…

IE6下解决select层级高的问题

div在IE6下无法遮盖select,原因是在IE6下,浏览器将select元素视为窗口级元素,这时div或者其它的普通元素无论z-index设置的多高都是无法遮住select元素的. 解决方法有三种: 1:当浮动层div出现的时候,用JS将select隐藏,当浮动层div消失的时候select恢复出现. 2.可以用ul,li等进行模拟一个select的元素 3. 利用iframe的方式进行. 下面讲讲第三种最常用的的方式: 注意:生成的iframe是添加到要遮盖select的元素上. 其实相当…