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

Cie*_*iel 3 html css

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

Ips*_*gle 12

这样的东西会起作用(建议将内联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>
Run Code Online (Sandbox Code Playgroud)

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

那有意义吗?

  • 将属性"url"替换为"src". (2认同)