今天我在尝试使用z-index,但我真的不明白这里发生了什么。
以下是HTML的简化版本:
// content has z-index of 30, pos abs
<div class="content">
// content-centered has z-index of 32, pos rel
<div class="content-centered">
// Text and buttons goes here
</div>
</div>
// bubbles has z-index of 31, pos abs
<div class="bubbles">
<div class="bubbles-centered">
// Bubbles goes here
</div>
</div>
目标是让.content提供背景内容,然后是气泡在背景上方,最后是内容在气泡上方。但是实际上,由于某种原因,气泡在内容上方。
查看演示:http://jsfiddle.net/zFFkv/1/。等待几秒钟,气泡才会出现在内容上面。您无法选择文本或按按钮,因为气泡层位于内容层上方,尽管它的设置比内容层低。到底发生了什么?子元素不继承父元素的索引吗?
有任何想法吗?