如何使用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将图像放在链接的按钮上方？

回答

相关问题