如何将图像向后放在 header 上？

Question

需要一些帮助来解决问题。我正在尝试对 header

下的图像进行一些更改

this is the image how I want to look

this is image how its currently

我也尝试从 Elementor pro 提供一些 z-index 但仍然找不到解决方案

我工作的页面 link

https://tdb.pfm.mybluehost.me/rreth-nesh/

谢谢理解

Answer 1

从

中删除#f5f6f8 的背景

.elementor-3157 .elementor-element.elementor-element-abef236:not(.elementor-motion-effects-element-type-background), .elementor-3157 .elementor-element.elementor-element-abef236 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    /* background-color: #F5F6F8; */
}

将此添加到 body

  body{
        background: #F5F6F8;
  }

and id probs 然后在 header 元素中添加一个 -30px 的 margin-bottom 来提高它一点然后也许用 30px 的填充顶部抵消下面的部分，这可能不是最好的方法，但它是一种方式

从 header 元素本身移除背景色 #fff

然后

#tbay-main-content{
 margin-top:-30px;
}

如何将图像向后放在 header 上？

How to put image backward on header?

wordpress

header

z-index

elementor