html - 如何在 HTML5 中叠加两个图像

Question

如何将我的 Logo 放在 HTML5 和/或 CSS3 中的另一个图像之上

我用photoshop帮 friend 做了这个

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

有 2 张图片，我不知道如何将它们放在一起!

Answer 1

可以将两张图片设置为绝对位置，然后用top,left,right,bottom..定位

你的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%;
}

编辑:查看此 FIDDLE