元素堆叠顺序的不透明度和 z-index答案

【问题标题】：opacity and z-index on stacking order of elements元素堆叠顺序的不透明度和 z-index
【发布时间】：2011-12-29 00:15:59
【问题描述】：

Here 是我的代码，如果你点击 divs 的交界处，你可以看到 divleft 是按顺序排列的最大堆栈。但我试图将最大的堆栈设置为“divright”。 z-index 不起作用，

我该怎么做？

谢谢

【问题讨论】：

【解决方案1】：

只需将其添加到您的 divright 类中：

position: relative

【讨论】：

我在 jsfiddle 上试了一下，效果很好。在应用相对于 divright 的位置后，它将覆盖在 divleft 的顶部，导致交汇点消失，因为您在 divright 上没有不透明度。将这些添加到 divright 应该可以解决问题 position: relative;不透明度：0.7；另外，您使用的是什么浏览器，也可能是兼容性问题。
对不起，我第一次尝试时不起作用，但现在可以了，谢谢。
我已经确认这行得通。向我们展示你的新 jsfiddle @ocanal。

【解决方案2】：

没有位置，z-index 什么都不是：相对或绝对：http://jsfiddle.net/8aAKz/14/

【讨论】：

【解决方案3】：

http://jsfiddle.net/lupos/8aAKz/16/

我认为您的问题是它们的显示样式不同。一个漂浮了，一个没有。如果你让它们都阻塞并强制重叠 z-index 工作正常。

N/M 呃。正如其他人所说，位置是问题......我也补充了。 :P

【讨论】：