Question

所以这里我有一个结账按钮和一个显示在该按钮左侧的图像......如何将图像放在按钮上方？

<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>

Answer 1

您可以使用css z-index：99或比按钮更高的数字将其带到按钮上方

Answer 2

您最好的选择可能是将图片放在代码中的按钮之前，然后将带有CSS的display: block;应用于图像（使用style=""内联或在样式表中）。

Answer 3

如果您想要图像按钮，请使用以下代码： `

<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>

`

如何使用html将图像放在链接按钮上方？

3 个答案: