div仅显示在背景图像上

Question

在这个网站-UggerhøjImprovement上 ，我希望右下角的小div（表示Fotograf：Erik Refner的那个 ）仅出现在背景图像上。 当我向下滚动并经过图像到达黑色背景时，文本应在背景后面消失。 我已经尝试过z-index: -1但不确定如何正确使用z-index。 你能帮助我吗？

Answer 1

背景的z-index值应低于右下角div的z-index，底部右div的z-index应大于背景的z-index

像这样吗？

section
{
    z-index: 6;
}

.fotograf 
{
    z-index: 5;
}

请注意，我在这里使用的数字仅是示例。

Answer 2

您需要将position属性设置static值，以便考虑z-index。 此外，应显示在顶部的元素的z索引应高于应隐藏的元素的z索引。
在您的情况下，底部的div （ Fotograf ）的z-index为2。背景图片的z-index为1，这样它就落后了，黑色背景的div应为z-index为3，因此它始终显示在顶部。