如何在HTML5中叠加两个图像

Question

如何在HTML5和/或CSS3中将我的徽标放在另一个图像的顶部

我在photoshop上为朋友做过这个

http://i.imgur.com/Mya3BB9.png

有两个图像,我不知道如何把它们放在彼此之上!

Answer 1

您可以将两个图像设置在绝对位置,然后将它们放在顶部,左侧,右侧,底部.

你的HTML

<div id="image1"> <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcThtVuIQ7CBYssbdwtzZjVLI_uw09SeLmyrxaRQEngnQAked5ZB"></div>

<div id="image2"> <img src="http://www.desktop-bilder.com/images/wallpapers/40-wiese-und-himmel.jpg"> </div>

你的CSS

#image1 {
position: absolute;
top: 20px;
left: 20px;
}

#image2 img {
width: 80%;
}

编辑:检查这个骗局