html - 如果超出当前 div，如何显示背景图像（多个）

Question

containerdiv 有两个图像，我让它们左右显示：

 .container {
  background-image: url('img/left.png'),url('img/right.png');
  background-position: left,130px;
    overflow: visible;//this line doesn't work
  }

目前，right.png 超出了 div 的右边界，container并隐藏在 div 右侧的另一个名为 div2 的后面container。

如何在 div2 上显示 right.png 图像？看下面的结构：

[left.png------ '我是容器 div'--------- ][right.png-----我是 div2 --------]

由于某种原因，无法更改 div2 的 css，所以我想知道是否可以在containerdiv 中设置一些属性，然后 right.png 可以显示出来。

看下面我画了一张图片：我设置 right.png 125px 来显示，理想情况下，它会覆盖灰色三角形。

1. 不能添加padding container，不能改变div2的位置（因为有其他菜单共享这部分，container如果点击其他菜单，整个div会变成灰色。）

Answer 1

div2 的定位是绝对的吗？如果是这样，您只能通过将 .container 也定位为绝对并将 z-index 设置为高于 div2 或将 .container 放置在 DOM 中的 div2 之后来将 .container 放置得更高。