将图像定位在图像中

Question

如何在较大图片的右上角放置一个小图片，例如带有App Store图标上方数字的弹出窗口？

迎接

MINY

Answer 1

只需创建一个包含图片和小图片的div：

<div style="position:relative">
   <img src="...image-url...">
   <img src="...small-image-url..."
        style="position:absolute; right:0px; top:0px;">
</div>

Answer 2

如果您将小图像定位为“绝对”，则可以使用正边距和负边距将其定位在相对于其所在的位置。您还可以使用相对于窗口的左，右，底部，顶部和设置像素来​​定位它。

示例：

 .smallimage{
 position:absolute;
 margin-left:-20px;/*relative to its original position*/
 }

或者

 .smallimage{
 position:absolute;
 left:0px;
 top:10px;/*relative to the window*/
 }