css - 动态内容页面，如何避免被绝对 div 覆盖（普通 div 和文本）

Question

我有一个 "red" div，我想在 "black"div和页脚的文本下强制使用 "red"div应该div用 class结束f_content。看我的小提琴。

我的错在哪里？

我应该改变什么...？

z-index具有负面影响的技巧。

感谢您的时间。

score 2 · Accepted Answer

您走在正确的轨道上，您可以使用z-index. 请记住始终将设置为position要为其设置索引的元素。见下文，红色的 div 在黑色的下方，但在蓝色的页脚上方：

基本上，这是您的代码中唯一需要的更改：

.wsp_box_data .image { 
  position: relative;
  z-index:  2;
}

score 1 · Accepted Answer

我得到了一个解决方案：

    `f_content`
    position: relative;
    z-index: 2;


    `image`
    position: relative;
    z-index: 3;

   `cow_object`
   z-index: -1

2 回答 2