在另一个图形上绘制链接和图形

Question

我在页面上有一张图片,我只想在图片的左上角绘制一个带有小图形的链接.有没有办法做到这一点？适当地重叠在图片上？

Answer 1

这样的东西会起作用(建议将内联CSS移动到样式表中):

<div style="position:relative">
    <div>
         <img src="backgroundimg.png">
    </div>
    <div style="position:absolute; left:0; top:0;">
         <a href="foo.html"><img src="smallgraphic.png"></a>
    </div>
</div>

在position:absolute该div相对于与容器将放置position在左0 0顶部集,在这种情况下因此,这意味着它将在同一元件的左上角的是,"backgroundimg"被放置在结束.

那有意义吗？