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

IE6下层被select控件遮住的问题想必大家在布局过程中都有遇到过吧,其实解决方法很简单就是在层里套个iframe,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助

 

这个应该在网上有很多解决的办法,只不过很多问题解决了之后就忘了,之后遇到了再去找有时就找不到了,就当给自己做个笔记了

方法很简单在层里套个iframe

<div>能看见我了吗?<iframe frameborder="0" ></iframe></div>

有一个地方需要注意下,需要给iframe的z-index属性设置个负数,比如-1;不然层里的东西就看不见了

如果弹出层的高度和宽度不确定,需要用脚本取一下当前的高宽再赋给iframe一下

时间: 2024-08-06 02:44:20

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

js操作select控件的几种方法_表单特效

1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="paraValue&qu

解决DIV层被OBJECT、SELECT控件遮盖问题

浮动层或便捷菜单给用户操作极大的便利.使用IE6.7时,SELECT控件不能被DIV遮盖.OBJECT控件也不能被DIV遮盖.究其原因,大多表单控件或HTML控件是使用浏览器本身渲染绘制,因此层次可以由浏览器自身控制.而SELECT控件是Windows窗口控件,同样可见型ActiveX容器也是使用面向Windows技术开发.它们表现实质仍是相同,都是Windows窗口包含句柄.因此,浏览器不能对其调整层次,浏览器本身与他们都是平级的.尽管IE8中解决了SELECT控件的问题,但OBJECT控件依

用DIV制作即时提示层 防止被select控件遮挡的方法

网上有很多解决关于防止层被select控件遮挡文章,前面我也用了一个比较简单的方法,最简单的方法解决div被select遮挡的问题,可是这个方法只使用IE,对其他浏览器有些问题,所以又用iframe的方法做了一个样例,如下: 样例代码下载:点击下载

div模拟下拉菜单select控件模块 css实现表单select美化

     div css模拟实现form表单下拉select控件美化与功能实现.可以实现模拟的select表单下拉提交数据传值功能     使用方法与调用方式:$.divselect("#divselect","#inputselect"); "#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦.

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

本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个模板,你修改Select就更方便了,由此你也可以将其制作成CSS下拉菜单,在兼容性方面暂未测试,在IE8下没问题. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-select-control-style-codes/ 具体代码如下:

jquery下拉select控件操作方法分享

 这篇文章主要介绍了jquery下拉select控件操作方法分享(jquery操作select),需要的朋友可以参考下 JQuery获取和设置Select选项方法汇总如下:   代码:   代码如下: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected&quo

问下 jsp中 select控件在页面如何显示出已经查询的值呢?

问题描述 <selectname="beginHour"id="beginHour"><optionvalue="00"selected>00<optionvalue="01">01<optionvalue="02">02<optionvalue="03">03<optionvalue="04">

JQuery select控件操作使用总结

JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text var checkValue=$("#s

模仿combox(select)控件 省去美化烦恼

select|控件 不用整天为美化select控件烦恼了. 1.可批量美化select控件. 2.可以有onchange句柄. 3.触发onchange的函数可带参数. 3.可以得到select的值. 4.可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条) 5.可设置宽度和高度 API参考: //首先生成一个simulateSelect的实例 //构造函数的第一个可选参数为触发onchange的函数,其它的为onchange函数的参数; c = new simulateSele