如何使用HTML將圖像放在鏈接的按鈕上方？

所以在這裏我有一個檢出按鈕和一個圖像，顯示該按鈕的左側...我怎樣才能得到按鈕上方的圖像？如何使用HTML將圖像放在鏈接的按鈕上方？

<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=282297&i=1381026" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"> 

<img src="https://d1yoaun8syyxxt.cloudfront.net/vi310-007a1757-ab94-4219-871c-fd4541c768dd-v2" alt="Faith Walker" style="height:200px;width:200px;"> 

<img src="https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart"> 
</a>

來源

2016-08-19 SyntaxEyes

將img標籤放在按鈕上方和img標籤
– Oncodeeater

你能提供更多的代碼嗎？ – semanser

如果你想要一個圖像按鈕，然後使用下面的代碼： `

<input type="image" src="https://d1yoaun8syyxxt.cloudfront.net/vi310-007a1757-ab94-4219-871c-fd4541c768dd-v2"/>

否則，如果你只是想在按鈕上面的圖片： `

<img src="https://d1yoaun8syyxxt.cloudfront.net/vi310-007a1757-ab94-4219-871c-fd4541c768dd-v2" alt="Faith Walker" style="height:200px;width:200px;"> 
<br> 
<img src="https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart"> 
<br> 
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=282297&i=1381026" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"> 
</a>

來源

2016-08-19 18:23:00 Arjun

您可以使用CSS的z-index：99或更高的數量比你的按鈕，把它的按鈕上方

來源

2016-08-19 18:15:57 rocky

我相信OP想要改變內容的浮動，而不是z-index的分層。 –

你可以提供和平的代碼，你創建和風格的按鈕 – rocky

你最好的選擇可能是把圖像按鈕之前的代碼和應用一個帶有CSS的display: block;圖像（使用style=""或在樣式表中內聯使用）。

來源

2016-08-19 18:17:27

如何使用HTML將圖像放在鏈接的按鈕上方？

回答

相關問題