图像在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视为数据，因此，您将花费文本而不是图像。 验证您的图像是否确实存在于该文件夹中，或者尝试从a href标记中删除alt ，看看会发生什么。

Answer 2

试试这个。 提供一个ID标记并使用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;
}