如何修复与标题阴影重叠的图像？

Question

我使用unbounce.com并使用自定义CSS选项创建了阴影。来自下面部分的图像与标题元素的阴影重叠。我该怎么做才能改变这个问题？

这是我用来创建阴影的代码：

#lp-pom-block-11-color-overlay {
        -webkit-box-shadow:
          0 0.063rem 0.313rem rgba(0,0,0,0.2), 
          0 0.188rem 0.25rem rgba(0,0,0,0.12), 
          0 0.125rem 0.25rem rgba(0,0,0,0.14)
  }

Answer 1

使用z-index属性将它们堆叠起来以解决重叠的问题。

More Info

Answer 2

使z-index的{​​{1}}值大于div以下的值。 #lp-pom-block-11-color-overlay属性始终与z-index一起使用，除了position

static