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

时间:2011-01-05 18:57:12

标签: image html

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

由于

4 个答案:

答案 0 :(得分: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的高度和宽度以匹配您的图片尺寸。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

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

答案 3 :(得分:0)

解决方案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>

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