<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>彻底解决div总是被select遮挡的问题 - www.webdm.cn</title>
<style>
body{margin:0px;padding:0px;}
#message_box{ position:absolute; width:800px; height:536px; z-index:10000; visibility:hidden; border:#000 3px solid;background-color:#FFF;margin:40px 0px 0px 50px;}
#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#000; filter:ALPHA(opacity=80); z-index:1; visibility:hidden}
.close-what{float:right;cursor:hand;}
.message{background-color:#F4F4F4;width:754px;height:200px;margin:20px 20px 20px 20px;color:#FF6600;}
</style>
</head>
<body>
<div id="message_box"><iframe src="" style="width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1;" frameborder=0></iframe>
<div class="close-what" onclick="document.getElementById('message_box').style.visibility='hidden';document.getElementById('mask').style.visibility='hidden'">X</div>
<div class="message">
<p>麦田怪圈（Crop circle）是在麦田或其他农田上，透过某种力量把农作物压平而产生出几何图案。此现象在1970年代后期才开始引起公众注意。目前，有众多麦田圈事件被他人或者自己揭发为有人故意制造出来以取乐或者招揽游客。唯麦田圈中的作物“平顺倒塌”方式以及植物茎节点的烧焦痕迹并不是人力压平所能做到，也有麻省理工学院学生试图用自制设备反向复制此一现象但依然未能达成，至今仍然没有解释该现象是何种设备或做法能够达到。此点也是外星支持论者的主要物证基础。</p>
</div>
</div>
<div id="mask"></div>
<table width="960" height="2603" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="960" height="303" align="center"><p><span onclick="document.getElementById('mask').style.visibility='visible';document.getElementById('message_box').style.visibility='visible'" style="cursor:hand"><a href="#">什么是麦田圈？</a></span>
</p>
<p>
<select name="select">
<option value="网页代码站">还能看到我吗</option>
</select>
</p>
<p>只要在层里面加上下面代码就可以了~</p>
<p><iframe src="" style="width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1;" frameborder=0></iframe></p>
</td>
</tr>
<tr>
<td height="2300" align="center"></td>
</tr>
</table>
<!-- //message_box -->
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>
</body>
</html>
分享到：
相关推荐
在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中，有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的，尤其是`z-index`值的设置不...
总之，解决IE6中`div`层无法遮挡`select`组件的问题需要对浏览器兼容性有深入理解，并且可能需要结合多种技术手段，包括CSS、JavaScript和可能的第三方库。在进行此类修复时，应考虑到代码的可维护性和未来可能的...
在传统的布局中，为了解决div被select遮挡的问题，可能会将div的内容放入iframe或者object元素中。这样做的好处是iframe或object自身通常能够覆盖页面上的其他元素，包括select。然而，这样做也有其缺点，比如可能会...
这个插件，可能是名为“bgiframe”的插件（从压缩包子文件的文件名推断），被设计用来解决IE6下select遮挡div的问题。bgiframe插件会在被遮挡的元素上创建一个背景iframe，通过这种方式，即使在select控件存在的情况...
在互联网的早期，Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器，但它的兼容性和渲染机制存在诸多问题，其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现，但在IE6中，`...
介绍： 效果演示：麦田圈 只要在层里面加上下面代码就可以了~ iframe src= style=width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1; frameborder=0/iframe
总的来说，解决layui layer中的select选择被遮挡的问题，主要是通过调整CSS属性，尤其是`overflow`，来允许下拉列表正常显示。在实践中，开发者需要结合具体的项目需求和页面结构，灵活运用这些技巧来优化用户体验。
标题"解决DIV在IE下被下拉列表select穿透的问题(二)"所提及的，是一个典型的IE浏览器特有的问题。这个问题涉及到HTML中的`<div>`元素和`<select>`下拉列表之间的交互，具体表现为在Internet Explorer（特别是旧版本...
由于`Iframe`在`Div`下方，用户可以通过`Iframe`间接与`Div`进行交互，从而避免了被`Select`遮挡的问题。同时，`Iframe`的透明设置不会影响页面的视觉效果。 代码中的实现如下： ```html <div style="z-index: 10;...
总结来说，面对IE6中的`div`层被`select`控件遮住的问题，我们可以利用`iframe`作为遮罩，并通过设置`z-index`和动态调整`iframe`尺寸的方法来解决。虽然这个方法在现代浏览器中可能不再适用，但对于仍然需要支持IE6...
Div下拉菜单被Select挡住的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3 Div被Select挡住，是一个比较常见的问题。 有的朋友通过把div的内容放入iframe或object里来...
今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...
例如，`select` 的边框、背景色或阴影可能被 `div` 层遮挡，或者 `div` 的透明度设置可能影响到 `select` 的可见性。 3. **JavaScript 或 jQuery 事件处理**：如果使用了 JavaScript 或 jQuery 来处理 `div` 层的...
在html中关于select元素的问题在很多地方都提出过，而在前段...相关文章：div层被flash层遮盖问题解决思路 第一就是比较有名的：一般div浮层在IE6下无法遮盖select元素的问题。首先提供了下面一个实例： 注解：如果
通过以上步骤，我们可以成功地使用`<iframe>`作为遮罩层，解决IE6下`<select>`无法被`<div>`遮盖的问题。值得注意的是，虽然这个方法在IE6中有效，但它并不适用于其他现代浏览器，因为这些浏览器已经修复了这个问题...