Question

我有类似的东西

<div id="page"> // z-index:1; position:relative;
   <div>Some Content</div> // z-index:10000: positon: fixed;
</div>
<div id="mask"></div> // z-index:9998; position:absolute;
<img> // z-index:9999; position: fixed;

我想在图片上显示“部分内容”。

如果<div id="page">的z-index为0，则有效;如果我把它改成z-index：1;我看到了图片，但我的内容却在其中。

如何将我的内容放在图片上并且仍然有<div id="page"> z-index：1;？

作为示例，请参阅此链接：http://entw.yogabox.de/Specials/Yogamatten-2-Wahl/Asana-Yoga-Matte-Sticky-lila-2-Wahl.html

你应该点击绿色的大按钮然后你会看到我的白色图片没有内容。

Answer 1

您不能为子div提供比其父级更高的z-index。它相对于给定z-index的父亲。

您需要将带有内容的div与id =“page”放在div中，以达到预期的效果。

但也有一个相当容易的溶质。使用灯箱2.

http://lokeshdhakar.com/projects/lightbox2/

带有z-index的CSS图层

1 个答案: