如何在div标签顶部放置div标签

任何人都知道如何在其中具有Image的div标签放置在其中具有一个图像的其他div标签之上？最后，我想在另一张图片上放置一张图片。如何在div标签顶部放置div标签

感谢

2011-01-05 KumarR28

可能重复的[如何将一个图像放置到另一个在HTML中的p？]（http://stackoverflow.com/questions/48474/how-do-i-position-one-image-on-top-of-another-in-html） – robertc 2011-01-05 19:00:16

为什么不能做两个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的高度和宽度，以配合您的图像大小。

来源

2011-01-05 19:00:25

将背景图像放在底部<div>标记中，并将<img />放在div内。另一种可能性是使用2 <img>标签，但将Position:absolute应用于两者并使用z-index指定图层顺序。

来源

2011-01-05 19:00:50 JakeParis

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

以下是我见过的CSS定位的最佳教程：

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

来源

2011-01-05 19:01:38

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

不是很大的解决方案...不知道为什么你想这样做

来源

2011-01-05 19:05:14 Endophage

如何在div标签顶部放置div标签

回答

相关问题