急问我的div被text和select 挡住了，重叠在一起了，很难看怎么办？

我想把这个div放在上面很清晰的看见，他下面是表单，含有很多select和text，这些被挡住了没有问题。

<div id="submiting" class="bgcolor2" style="position:absolute;top:180px; left:20%; z-index:10; visibility:hidden;padding:1px;">
<div class="bgcolor3" style="width:400px;text-align:center;padding:10px;" id="submiting_sub">
<img src="${req.contextPath}/util/submiting.gif" align="absmiddle">
</div>
</div>

9 个解决方案

#1

老问题
http://www.moon-soft.com/doc/19471.htm

#2

知道老问题，那代码我刚才查过，不过我看不懂啊。你帮我改改算了。

谢谢！

#3

#4

楼主啊,不要太懒了.
要求比较过分!
不要生气,就算帮你顶了!

#5

我不是懒啊，我是css白痴，我真的看不懂啊

#6

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>

</head>

<body>
<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>
<div style="z-index:10;position:absolute;background-color:blue;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=54;" onmouseout="this.style.height=18;">aaaaaaa<br>bbbbbbb<br>ccccccc</div>

<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select>
<br>
<pre>
Div被Select挡住，是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。

这里采用的方法是：

虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.

</pre>

</body>

</html>

#7

我觉得非常简单，把所有form的内容包括select也放在另外一个层里面即可，这样通过z-index可以准确控制谁该被显示、

#8

mark

#9

nomark

#1