Изображение отображается как кнопка на iOS

Question

У меня возникла проблема с отображением изображений в виде кнопок (с текстом заголовка в виде текста кнопки) в браузере iPhone 5. Я пробовал типы файлов GIF, PNG и JPG .. все с тем же эффектом. Это не происходит со всеми изображениями ... но одна консистенция представляется

Любой совет?

Пример кода:

<a href="/index.php?main_page=checkout_shipping"> 
<img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg"> 
</a> 

Скриншот:

Answer 1

кажется, что UIWebView рассматривает ваши alt как данные, так, dispaying текст вместо изображения. Убедитесь, что ваше изображение действительно существует в этой папке или попробуйте удалить alt из тега a href. O Посмотрите, что произойдет.

Answer 2

Попробуйте этот. Дайте идентификатор, чтобы пометить и стилизовать их с помощью css.

HTML

<a id="checkout" href="/index.php?main_page=checkout_shipping"> 
    <img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg" /> 
</a> 

CSS

a#checkout { 
    float:right; 
    margin:10px; 
    width:159px; 
    height:27px; 
    text-decoration:none; 
    border:none; 
    outline:none; 
} 
a#checkout img{ 
    float:right; 
    width:159px; 
    height:27px; 
    border:none; 
    outline:none; 
}