Как получить изображение для отображения в верхней части заголовка изображения

Question

Я дал своей боковой панели отрицательное верхнее поле, чтобы отобразить изображение поверх желтого изображения заголовка, но я не могу отобразить изображение боковой панели сверху.Я добавил положение: относительное и играл с z-индексом, но ничего не работает.

Вот страница

Вот код CSS, который у меня есть -

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

Answer 1

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

}

Если вы используете overflow:hidden, то оно было скрыто за пределами содержимого, поэтому удалите overflow:hidden.

Answer 2

Я проверил вашу страницу, и у вашего родителя есть код CSS #primay div, который делает изображение скрытым.измените переполнение с hidden to visible, и ваша проблема будет исправлена, как показано ниже.

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

Результат