背景图像溢出/图像与其他组件重叠

Question

这个中心标志（背景图像）是一个圆形。它与左侧的边界线重叠。我尝试在 div 以及图像本身上应用溢出：隐藏、剪辑、自动，但仍然没有停止重叠线。

我尝试了溢出：隐藏、剪辑、自动，但没有解决问题。

.centre_logo_container {
  
}

.centre_logo_container.open {
  position: absolute;
  height: 100vh;
  left: 52%;
  top: 43.5%;
}

.centre_logo_container.close {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.centre_logo {
  height: 270px;
  min-height: 270px;
  max-height: 270px;
  width: 270px;
  max-width: 270px;
  min-width: 270px;
  border-radius: 50%;
  margin-top: 0px;
  padding-top: 0px;
}

Answer 1

您可以在徽标上应用

z-index: 0

。它应该将徽标发送到其余元素后面。