使用 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;