`

Internet Explorer Z-Index Bug

阅读更多
一个绝对位置的div(菜单),在它的下面盘旋时,一个透明PNG也是绝对位置,如下:


使用下面的代码
<div style="position: relative; z-index: 3000">
    <div style="position:absolute;z-index:1000;">
        <a href="#">Page</a>
        ...
    </div>
</div>
<img style="position:absolute" src="myimage.png" />


result:


来自:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
分享到:
评论

相关推荐

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

    在网页开发中,尤其是在使用JavaScript库如jQuery时,开发者时常会遇到一些浏览器兼容性问题,尤其是在旧版本的Internet Explorer(如IE6)中。本文将深入探讨如何利用jQuery解决一个特定的问题:在IE6下,Select...

    前端项目-jquery-bgiframe.zip

    本项目“前端项目-jquery-bgiframe.zip”聚焦于一个特定的jQuery插件——bgiframe,它专为了解决在Internet Explorer浏览器(尤其是早期版本)中遇到的z-index问题而设计。 z-index是CSS中的一个属性,用于控制元素...

    js鼠标滑过弹出层的定位IE6bug解决办法

    然而,在处理这些弹出层时,尤其是针对老版本的 Internet Explorer(如 IE6)时,可能会遇到一些特有的兼容性问题。本文将深入探讨一个常见的IE6浏览器中的bug以及如何通过jQuery来解决这个问题。 在现代浏览器中,...

    DIV在IE6中被下拉菜单占据的问题

    标题 "DIV在IE6中被下拉菜单占据的问题" 指涉的是一个经典而棘手的前端开发问题,尤其在处理Internet Explorer 6(简称IE6)浏览器时。这个问题通常发生在使用CSS(层叠样式表)布局时,特别是涉及到浮动元素、定位...

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

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`&lt;select&gt;`元素与`&lt;div&gt;`元素的层叠上下文(Z-index)处理。当一个`&lt;div&gt;`元素试图遮盖页面中的下拉列表框`&lt;select&gt;`时...

    最全前端面试题-2.2(浏览器兼容问题篇-上百篇题集整理1个月).doc

    前端开发中,浏览器兼容性是一个重要的考量因素,特别是对于历史悠久的Internet Explorer(IE)浏览器,其各个版本之间的差异性给开发者带来了不少挑战。以下是一些常见的浏览器兼容性问题及其解决方案: 1. **CSS...

    解决在iframe页面里使用了DD_belatedPNG后显示空白的bug

    `DD_belatedPNG`库是由Dean Edwards编写的,目的是解决Internet Explorer 5.5到7之间的PNG透明度问题。这些老版本的IE浏览器不支持PNG的Alpha透明度,而`DD_belatedPNG`通过JavaScript模拟了这个特性。它的工作原理...

    网页特效---进入页面的公告栏.pdf

    这里定义了一些变量,例如`IE5`和`W3C`,用于检测浏览器类型,分别代表Internet Explorer 5及以上版本和遵循W3C标准的浏览器。这些检测对于实现跨浏览器兼容性至关重要。`currIDb`和`currIDs`用于存储当前被拖动的...

    我收集的css精品文章

    7. **z-index在IE中的迷惑.doc**:可能详细解释了z-index的工作原理,特别是针对Internet Explorer浏览器可能存在的兼容性问题和解决方案。 8. **CSS应用小技巧十四例.doc**:这可能包含一系列实用的小技巧,如如何...

    IE8、IE7、IE6、FF简单的CSS HACK测试

    2. **z-index BUG依然存在**:这个问题可能导致元素的堆叠顺序与预期不符,需要通过更精细的z-index管理或者使用绝对定位来解决。 3. **line-height BUG**:这是一个新的问题,可能导致行高的计算或表现不正确,可能...

    ie下没有背景色bug的解决方法

    在互联网浏览器的发展历程中,IE(Internet Explorer)作为曾经的主流浏览器,因其独特的解析机制,开发者在进行网页设计时常常会遇到一些特定的兼容性问题。"ie下没有背景色bug的解决方法"这一问题就是一个典型的...

    IE下[removed] 多次调用与死循环bug处理方法介绍

    然而,在Internet Explorer(IE)浏览器中,`window.onresize`事件存在一个已知的bug:它可能会被多次执行,甚至导致死循环,从而严重影响浏览器性能,造成浏览器卡死。这种问题通常发生在处理窗口大小改变的回调...

Global site tag (gtag.js) - Google Analytics