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

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