背景图像被祖父母宽度覆盖，溢出属性不起作用

Question

使用background-image作为伪元素，父级overflow:hidden属性不会影响伪元素background-image，也不会隐藏其中的一部分。问题出在哪里？我想隐藏超出父元素的背景。我无法更改元素层次结构。

代码：

`https://codepen.io/johurt/pen/MWMjLBd`

看图理解：

Answer 1

您错过了将父位置设置为相对位置。

.parent{
   position:relative;
}