用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; position:absolute; bottom: 0; right: 0; （您可以更改位置）和<a>標記，指定position: relative;