如何将一个图像放在另一个图像上？

Question

我需要定位元素并像附加图像一样接收

http://i032.radikal.ru/1202/8c/e9c4760380d5.jpg

我有一个页面，其中所有元素都在MainDiv中。有2张图片。

我想知道是否有人显示我的html + css应该是。

提前感谢！

Answer 1

您可以通过以下方式完成此操作：
将背景图像指定为主div的背景

background: url(some/url/to/image) no-repeat scroll top right transparent;

然后在该div中添加一个普通的图像元素，并将其与下面的css

一起定位

right: 0;
bottom:0;
position: absolute;

确保主div的位置设置为相对

Answer 2

可能的方法是将叠加图像的位置设置为绝对值：

#overlayImage{
  position:absolute;
  right:0px;
  bottom:0px;
  width:150px;
  height:150px;
}

重要的是，主要div的位置不是＆＃34;静态＆＃34;。

<div id="main_div">
  <div id="other div"> </di>
  <div id="overlayImage"> </div>
</div