Как поместить изображение над связанной кнопкой с помощью html?

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

Если вы хотите, чтобы изображение кнопки, используйте следующий код: `

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

`

Answer 2

вы можете использовать CSS Z-индекса: 99 или большее число, чем ваша кнопка, чтобы привести его над вашей кнопкой

Answer 3

Ваш лучший вариант, вероятно, чтобы поместить изображение до кнопки в коде и применить a display: block; с CSS на изображение (либо встроенный с использованием style="", либо в таблицу стилей).