DIV 遮住 select元素的一部分。选择select后,其中的option元素反而遮住div了.

求解决:DIV 始终只遮住select 以及其中的option 的一部分,而不是全部遮住

第1个回答  推荐于2018-04-04
O(∩_∩)O~,之前刚好也碰到过类似的,特别在ie6里面,最后用 的
“<iframe class="city_vala" style="z-index:1"></iframe>”解决了

在这个div前面加一个<iframe></iframe>,分别设置他们的z-index值,<iframe>的要比div的小
例如
<iframe class="city_vala" style="z-index:1"></iframe>
<div style="z-index:100">
啊啊啊啊啊啊啊啊啊啊啊啊啊
</div>
<div>
<select >
<option value="请选择">请选择</option>
<option value="aaaa">aaaa</option>
</select>
</div>

备注:(<iframe>的宽度可以设置的,最好设置和想遮盖select内容的div的宽度一致,即内容为“啊啊啊啊啊啊”的那个div)本回答被网友采纳
第2个回答  2011-02-19
把导航设置position和z-index,具体设置方法如下。
如果现在导航的position是absolute,那么不需要更改;如果没有设置该属性,就设置成positon:relative。
z-index:1。(其实随便写个正整数都可以,如果1不行的话你就自己随便写试试吧)

z-index用来设置对象的层叠顺序,较大z-index值的对象会覆盖在较小z-index值的对象之上。
如两个绝对定位对象的此属性具有同样的z-index值,那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象,此属性的z-index值为正数的对象会在其之上,而z-index值为负数的对象在其之下。设置参数为 null 可以移除此属性。
注意:此属性仅仅作用于 position 属性值为 relative 或 absolute 的对象。
第3个回答  2011-02-18
你的div肯定设置定位关系了,那你也给select一个定位,然后z-index的数值要大于该div可以了,如果还不行就百度hi我 愿意帮你解决,我一直在线本回答被提问者采纳

一个div 老是把另一个div给遮挡住了
1,显示层时,先隐藏select,关闭层时再重新显示;2,用一个iframe作为层的底,来遮住select。方法1应该都明白,方法2就是利用iframe可以覆盖select的特性,只要把一个iframe作为层的底部就可以覆盖下面的select了,程序中是这样使用的:this.Lay.innerHTML = '<iframe style="position:absolute;top:0;l...

select. option的问题?
这个保护就是 appearance 属性,浏览器内置的css样式是不允许更改的,日常开发仅是在它的样式基础上覆盖而已。然而当设置 appearance: none 的时候,就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div,开发者就可以灵活设置样式了。(细节参考MDN:网页链接)而option还是略有不同,css...

求一段JS脚本:当DIV失去焦点后隐藏自身。而当DIV内部元素被点击的时候先...
还需要说明的是这段代码在IE上没问题,如果是FireFox的话,获取鼠标当前位置应该用:event.pageX|Y,这个问题在代码中加一个判断应该可以解决。<script language="javascript" type="text\/javascript"> document.onmousemove = mouseouthide;\/\/鼠标移出DIV范围时隐藏 function mouseouthide() { var b=20;...

select正常情况下可以被IFRAME遮住,但是我遇到了不能遮住的selcect.
这个是IE6的 BUG, 用Iframe也不能完美解决, 升级到IE7就没这个问题了 如果你非要IE6来实现的话. 不妨这么做. 在你的DIV层弹出来的时候.把select给隐藏掉,菜单消失时在显示出来. 我以前就是这么做的. 绝对可以满足要求

用css设置select没有什么效果,特别是在ie6中,想调节option中的文字显示...
因为用CSS设置select基本是没有效果的。这简直是悲剧啊!所以我以前为了给select调一个边框,是用一个div把select装起来,然后给div设计边框和高度宽度,把select丑陋的部分遮起来的。。所以后来我把select的样式放弃了。。参考资料里有select的几种样式的更改方式的网址,你可以参考。参考资料:<a href="...

html网页中select元素设置成disabled后,怎样隐藏或去掉右边的三角箭头...
一般可以自己模拟写一个select的标签的效果,用ul li实现,这样你就可以很好的控制那个箭头了,如果是自带的select应该没法去掉,但是你可以写一个小层比如一个div把它给覆盖,控制这个div的显隐就可以了

DIV,SELECT样式问题,如何让里面的文字选项左右居中。
加空格 好像css没作用

jquery 如何去除select 控件重复的option
(":contains(text)"); \/\/ 选取包含指定字符串的元素这样就可以选出包含重复字符串的option元素,然后将其删掉 示例代码如下 创建Html元素 <div class="box"><span>点击按钮删除select控件中的重复元素:<\/span><br><div class="content"><select ><option>1<\/option><option>1<\/option><option...

为什么div+table+xm-select下拉框实现table滚动条,表里的下拉框被滚动...
① 换overflow:hidden;或overflow:auto;样式为overflow:scroll;试一下;② 就是要设置成左右上下都有滚动条可以滚动窗口的效果;

...控制select隐藏层,我想选择我要隐藏时,隐藏div id="one"这个层_百 ...
} <\/script> <\/head> <body> <div> <select name="termType" size="1" id="termType" style="width:150px;" onchange="displayResult()"> <option value="1" >我要隐藏<\/option> <option value="2" selected="selected">我要显示<\/option> <\/select> <\/div> <div id="one">...

相似回答