0

我有这样的东西

<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

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

4

1 回答 1

0

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

您需要将带有内容的 div 放在 id="page" 的 div 之外,才能达到预期的效果。

但也有一种相当容易的溶液。使用灯箱 2。

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

于 2013-09-10T14:50:49.513 回答