用CSS嵌入水印

Question

我已经输入以下代码：

<a class="lightbox tSixty cboxElement" href="http://blabla/embed/5346/" rel="pic">
<img class="lightbox" src="http://blabla/thumbs/175x140/r/files/1324542705/00.jpg">
<img style="border: medium none; height: 39px; left: -62px; position: relative; top: -5px; width: 55px;" src="/images/360_view_icon.png">
</a>

我的问题是，第二个img应该是第一个img上的水印。

它正在工作，但是a元素的宽度也包括水印，因此将其右边的所有元素按水印的大小推动。

我该如何解决？

Answer 1

尝试这样的事情：

a{
    position:relative;
}

.watermark{
    position:absolute;
    right:62px;
    bottom:5px;
}

Answer 2

对于第二个<img>给position:absolute; bottom: 0; right: 0;（您可以更改位置）和<a>标记，请position: relative;