把img標籤放在div的右上角

我想在現有div的右上角放一個<a href="..."><img /></a>標籤（鏈接圖片）。把img標籤放在div的右上角

我發現了一種將圖像作爲背景而不重複的方式，但是，我無法鏈接圖像。我應該使用什麼CSS？

這是什麼，我現在有：

<div id="footer"> 
    some multi-line commercial text content 
</div>

和CSS：

#footer 
    { 
     line-height:18px; 
     position:absolute; 
     bottom:-230px; 
     left:0; 
     width:280px; 
    } 

#footer span 
    { 
     font-size:16px; 
     display:block; 
    }

我想把那裏，鏈接是43x38大小的圖標。頁腳div是280x186大小（在谷歌Chrome網站管理員的東西）。

來源

2013-04-07 ducin

能否請您粘貼現有的代碼，所以我們可以看到當前的視覺效果看起來怎麼樣？ – sagibb 2013-04-07 09:17:05

@tutipute ok - 在這裏你走！ – ducin 2013-04-07 09:20:16

@tkoomzaaskz我在代碼中看不到任何'img' – Eli 2013-04-07 09:22:10

使容器位置：相對

使圖像位置：絕對;右：0px;

來源

2013-04-07 09:20:28 Vanco

位置：相對不必要。絕對也會起作用。 – hurrtz 2013-04-07 09:24:29

確實。除「靜態」以外的任何其他位置都可以使用。 – pzin 2013-04-07 10:16:47

@Vanco非常簡單的答案。謝謝！ :) – RockStar 2016-05-24 10:18:34

使用此： -

<div class="ImageDiv"> 
    <a href="#" class="hiddenlink"></a> 
</div> 

.ImageDiv { 
    background-image: url(someurl); 
    position: relative; //parent div has to be relative position for absolute position children to stay in it. 
} 
.hiddenlink { 
    The way you want to do. 
}

來源

2013-04-07 09:21:31

把img標籤放在div的右上角

回答

相關問題