Question

我遇到此代码的问题： my code

问题在于：

   .caption::before,
    .caption::after {
    z-index: -1;
    }

    #obsah {
        position:relative;
        background-color:red;
        //z-index: 0;
    }

（我想）..我需要标题下的div＃obsah。有什么想法解决这个问题吗？ ;）我是新手。谢谢。

编辑：

IDEAL RESULT

当您悬停图像时，它会显示一个文本（原因图像向右移动，溢出被隐藏）但我的文字是在div＃obsah的红色背景下。

我删除溢出：隐藏以查看更好的问题。（但代码相同）

Answer 1

我终于找到了解决方案。你需要去

#obsah {
      position:relative;
      display:block;
      padding-bottom:5px;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:30px;
      background-color:red;
      width:75%;
  }

并进行以下更改：

将position: relative;更改为 position: absolute;
添加 z-index: -2;

请在此处查看工作示例：

<强> JS Fiddle

Z-index标题在div下

1 个答案: