Question

任何人都知道如何在其中包含一个图像的div标记之上放置一个div标记，其中包含Image？最后，我想在另一个图像上放置一个图像。

由于

Answer 1

为什么不做两个div标签，一个包含另一个标签，两个标签都应用了背景图像。然后你可以使用背景位置来定位他们的喜好。

<div id="one">
  <div id="two">
  </div>
</div>

#one{background:url('image_one.png') no-repeat}
#two{background:url('image_two.png') no-repeat}

编辑：确保您设置div的高度和宽度以匹配您的图片尺寸。

Answer 2

将背景图片放在底部<div>标记中，并在div中放置<img />。另一种可能性是使用2个<img>代码，但同时应用Position:absolute并使用z-index指定图层顺序。

Answer 3

您可以将其设置为嵌套div，并将内部div设置为使用相对定位。

以下是我见过的关于css定位的最佳教程：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

Answer 4

解决方案1：

<div style="position:relative">
  <div style="position:absolute;top:0;left:0;">
    <img src="foo.png" />
  </div>
  <div style="position:absolute:top:0;left:0;">
    <img src="bar.png" />
  </div>
</div>

解决方案2：

<div style="background:url('foo.png') no-repeat scroll transparent">
  <img src="bar.png" />
</div>

不是很好的解决方案......不知道你为什么要这么做呢

如何在div标签上放置div标签

4 个答案: