2011-12-23 66 views
0

我已經把下面的代碼:水印嵌入與CSS

<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元素的寬度也包含水印,因此將其右側的所有元素按水印大小推送。

我該如何解決這個問題?

回答

0

嘗試這樣:

a{ 
    position:relative; 
} 

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

對於第二<img>position:absolute; bottom: 0; right: 0;(你可以改變位置)和<a>標籤,給position: relative;