一个绝对位置的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/
分享到:
相关推荐
在网页开发中,尤其是在使用JavaScript库如jQuery时,开发者时常会遇到一些浏览器兼容性问题,尤其是在旧版本的Internet Explorer(如IE6)中。本文将深入探讨如何利用jQuery解决一个特定的问题:在IE6下,Select...
本项目“前端项目-jquery-bgiframe.zip”聚焦于一个特定的jQuery插件——bgiframe,它专为了解决在Internet Explorer浏览器(尤其是早期版本)中遇到的z-index问题而设计。 z-index是CSS中的一个属性,用于控制元素...
然而,在处理这些弹出层时,尤其是针对老版本的 Internet Explorer(如 IE6)时,可能会遇到一些特有的兼容性问题。本文将深入探讨一个常见的IE6浏览器中的bug以及如何通过jQuery来解决这个问题。 在现代浏览器中,...
标题 "DIV在IE6中被下拉菜单占据的问题" 指涉的是一个经典而棘手的前端开发问题,尤其在处理Internet Explorer 6(简称IE6)浏览器时。这个问题通常发生在使用CSS(层叠样式表)布局时,特别是涉及到浮动元素、定位...
在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`<select>`元素与`<div>`元素的层叠上下文(Z-index)处理。当一个`<div>`元素试图遮盖页面中的下拉列表框`<select>`时...
前端开发中,浏览器兼容性是一个重要的考量因素,特别是对于历史悠久的Internet Explorer(IE)浏览器,其各个版本之间的差异性给开发者带来了不少挑战。以下是一些常见的浏览器兼容性问题及其解决方案: 1. **CSS...
`DD_belatedPNG`库是由Dean Edwards编写的,目的是解决Internet Explorer 5.5到7之间的PNG透明度问题。这些老版本的IE浏览器不支持PNG的Alpha透明度,而`DD_belatedPNG`通过JavaScript模拟了这个特性。它的工作原理...
这里定义了一些变量,例如`IE5`和`W3C`,用于检测浏览器类型,分别代表Internet Explorer 5及以上版本和遵循W3C标准的浏览器。这些检测对于实现跨浏览器兼容性至关重要。`currIDb`和`currIDs`用于存储当前被拖动的...
7. **z-index在IE中的迷惑.doc**:可能详细解释了z-index的工作原理,特别是针对Internet Explorer浏览器可能存在的兼容性问题和解决方案。 8. **CSS应用小技巧十四例.doc**:这可能包含一系列实用的小技巧,如如何...
2. **z-index BUG依然存在**:这个问题可能导致元素的堆叠顺序与预期不符,需要通过更精细的z-index管理或者使用绝对定位来解决。 3. **line-height BUG**:这是一个新的问题,可能导致行高的计算或表现不正确,可能...
在互联网浏览器的发展历程中,IE(Internet Explorer)作为曾经的主流浏览器,因其独特的解析机制,开发者在进行网页设计时常常会遇到一些特定的兼容性问题。"ie下没有背景色bug的解决方法"这一问题就是一个典型的...
然而,在Internet Explorer(IE)浏览器中,`window.onresize`事件存在一个已知的bug:它可能会被多次执行,甚至导致死循环,从而严重影响浏览器性能,造成浏览器卡死。这种问题通常发生在处理窗口大小改变的回调...