IE6下select标签覆盖div的完美解决办法

最新推荐文章于 2025-08-18 11:15:14 发布

转载最新推荐文章于 2025-08-18 11:15:14 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kingwell/archive/2012/06/19/2555011.html

文章标签：

#前端 #ViewUI

本文介绍了一种在IE6浏览器中解决select标签覆盖div的问题的方法。通过使用iframe元素来实现对select标签的覆盖，进而达到预期的布局效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上一家公司做网站的时候遇到一个问题，IE6下select标签覆盖div的问题。

虽然很多人很讨厌IE6，但是IE6.0还是有很多用户，特别是前端设计人员，很多Bug让人很纠结，关于IE6下select标签覆盖div的问题，现在已经有完美解决办法

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>IE6下select标签覆盖div的解决办法</title>  
</head>  
<body>  
<div style="position:absolute;background:red;width:200px;left:20px;top:20px;">  

 <!--[if IE 6]><iframe style="position:absolute;width:100%; height:100%;_filter:alpha(opacity=0);opacity=0;border-style:none;"></iframe><![endif]-->
IE6下select标签覆盖div的解决办法<br>
可 能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的 Z轴高度上来！
</div>  
<select><option>内容终于被盖住</option></select>  
IE6下select标签覆盖div的解决办法       
</body>  
</html>

转载于:https://www.cnblogs.com/kingwell/archive/2012/06/19/2555011.html