Div被Select挡住,是一个比较常见的问题。 今天查找资料整理后总结了如下:
有的朋友通过把div的内容放入iframe或object里来解决。 但这样会破坏页面的结构,互动性不大好。 这里采用的方法是: 虽说div直接盖不住select 但是div可以盖iframe,而iframe可以盖select, 所以,把一个iframe来当作div的底, 这个div就可以盖住select了.
1"iframe 做为层的载体"后, 层与主页面的互动是窗口间的互动
2“用一个iframe当div的底”后, 层与主页面的互动是窗口内的互动 另外,对于方法1, 层的大小变化就会要求iframe的大小随着变化 从主页面到这个层会导致window的blur. 对于方法2, 只是在原有的div前加上这一句
<iframe style="position:absolute;z-index:9;width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>
(如果用css可能要看起来简洁点) 如果用div时用什么代码,加上一这句后几乎代码不用改变。
分享到:
相关推荐
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
select ——使用DIV 实现 Select js源码
在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div布局。 解决了之前版本的option的value没有传入li的bug。 暂时还无法做到让用户随意更改...
博文链接:https://skyofdawn.iteye.com/blog/221381
div+css打造select下拉菜单,可自己修改相应样式!!!
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
jquery DIV模拟select,样式美观、大方、可自己更换背景、不懂的私我
使用div+css,实现select美化效果,兼容谷歌,火狐,IE6以上浏览器等。
div+css模拟select
div 模拟 select 多选 实现还有点bug,望大家一起改正。
使用div模拟select效果,可点击页面其他任意地方隐藏下拉框
jQuery+div+css模拟select自定义下拉列表框,简单轻巧实用。
一款纯 DIV+CSS+JS 的仿Select下拉表单 兼容目前主流浏览器!
非常好用的Select插件,通过制作的jQ插件快速生成Selcet 前台界面只需要一个div元素,其他的可以通过插件的API进行数据的填充与获取,demo中都有具体事例
divcss模拟select 下拉框 select 改变样式
解决IE6 中select 穿透 div 等层的问题
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 ...Div被Select挡住,是一个比较常见的问题。...这个div就可以盖住select了. [Ctrl+A 全选 注:如需引入外部
NULL 博文链接:https://wangyispider.iteye.com/blog/788810