How to get image to show on top of header image

Question

I gave my sidebar a negative top margin to display an image over top of the header yellow image but I can't get the sidebar image to show on top. I have added position: relative and played with the z-index but nothing is working.

Here is the page

Here's the css code I have -

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

Answer 1

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

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

结果