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，因此它始終顯示在頂部。