如果超出当前div,如何显示背景图像(多个)

时间:2013-08-20 14:28:45

标签: html css

container div有两张图片,我让它们左右显示:

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

目前,right.png位于container div的右边界之外,隐藏在另一个名为div2的后面,该div2位于container div的右侧。

如何让right.png图像显示在div2之上? 见下面的结构:

[left.png ------'我是容器div'---------] [right.png -----我是div2 -------] < / p>

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

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

  1. 无法向container添加填充,无法更改div2的位置(因为有其他菜单共享此部分,如果单击其他菜单,container div的整个部分将变为灰色。)
  2. enter image description here

1 个答案:

答案 0 :(得分:1)

div2是绝对的吗?如果是这样,你只能将.container置于绝对位置,并将z-index设置为高于div2,或者在div中将div放置在DOM之后。