div仅显示在背景图像上

Question

在这个网站上Uggerhøj Improve，我希望右下角的小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-index应该高于应该隐藏的元素的z-index。
在您的情况下，底部的div（ Fotograf ）应该有z-index，例如2.背景图片的z-index应为1 ，因此它落后，黑色背景的那个应该有z-index 3，所以它总是出现在顶部。