`

select覆盖div的解决方案

JavaScriptMicrosoft 
阅读更多

在</div>前加入以下代码：

<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';">
</iframe>

 

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

分享到：
| Java中的几个术语的解释与关系
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ie6下select覆盖div的解决办法

    由于iframe自身形成一个新的层叠上下文，它可以防止Select覆盖Div。不过这种方法可能会影响页面性能，且在某些情况下可能产生兼容性问题。 3. **CSS Hack**：IE6识别一些特定的CSS hack，比如`*html`或者`_width`。...

    解决IE6 中select 穿透 div 等层的问题

    其中一个流行的解决方案是使用名为“bgiframe”的jQuery插件，或者创建一个名为“frame”的透明IFrame。这些方法都是为了在`&lt;select&gt;`元素之上创建一个覆盖层，从而避免下拉菜单穿透到其他元素。 1. bgiframe插件：...

    div 模拟select 单选

    select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可，参数传相关背景图片就可。我都已经放到资源包下了。

    解决div总是被select遮挡的问题.rar

    在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...

    让div浮动在select之上的完美解决方案！多浏览器兼容

    本文将探讨如何实现"让div浮动在select之上的完美解决方案"，并确保在多个浏览器中具有良好的兼容性。 首先，我们需要理解`z-index`属性在CSS中的作用。`z-index`决定了元素在堆叠上下文中的层级，数值越大，元素越...

    ie6下select遮挡div

    标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题：当在网页上使用select下拉框时，它会覆盖在其他使用绝对或相对定位的元素（如div）之上，导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...

    ie6下DIV覆盖select框js解决代码

    在IE6浏览器中，由于其自身的布局特性，当一个`div`元素试图覆盖一个`select`下拉框时，会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上，无论`div`的`z-index`设置得多高。这在网页...

    解决IE6中 Div层挡不住Select组件

    4. **JavaScript解决方案**：通过JavaScript或jQuery监听`div`的显示和隐藏状态，当`div`显示时，将`select`元素的`display`属性设置为`none`，隐藏后恢复。这可以通过`deal.js`这样的脚本来实现。 在提供的`deal....

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    这是一个相对优雅的解决方案，因为它只在需要的时候影响select元素。 5. **升级浏览器**：虽然这可能不总是可行的，但鼓励用户升级到更现代的浏览器是解决此类问题的长期策略。IE6的许多问题在现代浏览器中都已经...

    Div Select挡住的解决办法

    在示例代码中，`Div`元素的`z-index`设置为10，理论上它应该在页面上层，但由于浏览器的渲染机制，`Div`仍然无法覆盖`Select`。 解决这个问题的一种巧妙方法是在`Div`内部添加一个透明的`Iframe`元素，将`Iframe`的...

    DIV 层 select

    在网页设计中，`DIV` 层（也称为 `div` 元素）是一种非常重要的布局工具，它允许我们创建可...分析这些文件内容可以帮助找到更精确的解决方案。如果你需要进一步的代码示例或解释，可以尝试解压文件并查看其内容。

    IE6下Select元素被div等元素覆盖的解决办法

    但这种方法在菜单项较多时可能会导致明显的加载延迟，因此建议在非必要情况下不使用该控件，或者寻找其他的解决方案。 以上就是针对IE6下select元素被div等元素覆盖的常见解决方法。需要注意的是，由于IE6已经是一...

    最顶层div被flash或者下拉列表遮挡的问题解决

    本文将详细探讨这一问题，并提供解决方案。 #### z-index属性简介 `z-index`属性用于控制HTML元素的堆叠顺序。具有更高`z-index`值的元素会显示在具有较低`z-index`值的元素之上。默认情况下，`z-index`只对设置了...

    div总是被select遮挡的解决方法

    文章提出了一种替代的解决方案，即通过引入iframe元素作为div的容器，并设置适当的z-index层级来解决div被select覆盖的问题。具体操作步骤如下： 1. 在HTML代码中，首先放置一个iframe元素，并将其定位设置为绝对...

    解决DIV在IE下被下拉列表select穿透的问题(二)

    在IT行业中，尤其是在Web开发领域，我们经常遇到各种浏览器兼容性问题，特别是在处理CSS...在不断发展的Web技术环境中，了解并掌握这类兼容性解决方案对于前端开发者来说至关重要，以确保网站在各浏览器上的表现一致。

    ie6 select无法被div遮盖的bug解决方法

    在开发过程中，为了保持良好的跨浏览器兼容性，我们需要针对不同版本的浏览器采取不同的解决方案。随着IE6的使用率逐渐降低，这种特定的bug解决方法也变得越来越不常见，但在维护旧项目或支持旧浏览器时，了解这样的...

    解决DIV在IE下被下拉列表select穿透的问题(一)

    2. **JavaScript或jQuery解决方案**：当select元素被点击时，可以监听事件并在事件处理器中调整被穿透元素的样式。例如，使用jQuery： ```javascript $('select').on('focus', function() { $('#yourDiv')....

    IE6下div层被select控件遮住的问题解决方法

    由于`select`的默认渲染层次较高，我们需要给`iframe`设置一个负值的`z-index`，例如 `-1`，这样`iframe`就会被放置在`select`之下，同时仍然覆盖在`div`层之上，如以下代码所示： ```css iframe { z-index: -1; }...

    Jquery 解决IE6 Select 框总是在图层（div）的上面显示的BUG

    针对这个问题，jQuery提供了一种解决方案，通过创建一个透明的iframe来遮盖Select元素，从而达到让它“隐藏”在其他图层后面的效果。这种方法的基本思路是：当用户滚动或点击某个触发事件时，动态地插入一个透明的...

Magicbox
Global site tag (gtag.js) - Google Analytics