浮动层div遮盖select--HTML/WML/CSS兼容/XML--编程设计网

=波波日志 > HTML/WML/CSS兼容/XML > 浮动层div遮盖select=

[转]浮动层div遮盖select

-HTML

<html> 

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

</head> 

<body> 
<div       style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;"       onmouseover="this.style.height=100;"       onmouseout="this.style.height=18;"> 
<iframe           style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;"       frameborder="0"       src="about:blank">   </iframe> 
<div       style="background-color:#cccccc;">   aaaaaaa   <br>   bbbbbbb   <br>   ccccccc   <br>   ccccccc   <br>   ccccccc   <br>   ccccccc   </div> 

</div> 

<select       style="width:200"       >   <option>   test0   <option>   test1   <option>   test2   <option>   test3   </select> 

<br> 
<pre> 
在IE6里，Div被Select挡住，是一个比较常见的问题。(IE7/Firefox没有这个问题) 
有的朋友通过把div的内容放入iframe或object里来解决。 
可惜这样会破坏页面的结构，互动性不大好。 

这里采用的方法是： 

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

</pre> 

</body> 

</html>   

类别：HTML/WML/CSS兼容/XML　作者：转载　日期：2009-06-12　【评论：0】　

上一篇：防止页面缓存　
下一篇：DIV内容垂直居中

暂时没有评论！

发表留言

热门博文