css – position:相对出现在position:absolute

在IE7中有一个奇怪的问题.在许多地方,我有一个DIV,它有一个绝对位置(虚拟下拉),只要它背后有一些东西有位置:相对定位的项目将通过另一个div显示.

相对定位的项目没有任何z-index集合,而绝对定位的项目(我想要的顶部)的z-index为1000.

http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

解决方法

我怀疑你已经尝试过了,但是在相对定位的元素上设置了一个z-index,它比你的绝对定位元素的z-index低了第一个测试.

如果这不起作用,则需要确保两个元素在同一个stacking context中.在IE中,无论何时将位置CSS规则应用于元素,它都会在该元素中生成新的堆叠上下文.这意味着z-index只会在该元素的子元素中得到适当的尊重,而具有较低z索引的其他堆叠上下文中的子元素仍然可以堆叠在上面.

在您的情况下,您需要将下拉列表和按钮放在相同的堆叠上下文中,或者将z-index应用于生成其单独堆叠上下文的2个元素.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效