如何使图像显示在标题图像顶部

Question

我在边栏上给了负的上边距，以便在标题黄色图像上方显示一个图像，但是我无法使边栏图像显示在顶部。我添加了位置：相对的并且使用z-index，但没有任何作用。

这里是page

这是我拥有的CSS代码-

.reciperight {
float: right;
width: 28%;
color: #512e70 !important;
font-size: 18px !important;
position: relative;
margin-top: -200px;
}

Answer 1

我检查了您的页面，并且您的父#primay div中有一个CSS代码可以隐藏图像。 更改hidden to visible的溢出内容，您的问题将像下面这样解决。

#primary {
        float: left;
        overflow: visible;
        width: 100%;
    }

结果

Answer 2

#primary {
float: left;
/* overflow: hidden; */
width: 100%;

}

如果您使用overflow:hidden，则它被隐藏在内容之外，因此请删除overflow:hidden。