Question

我写的是这样的：

<input id="btn1" style="width: 32px; height: 32px;" type="image" src="images/refresh.png" onclick="refresh()"/>

但是当我运行它时，它无法显示图像。它只显示'x'。你们知道为什么吗？我的图片尺寸是32x32px。

Answer 1

您可能使用错误的路径，而且您的图片不在images/refresh.png，因为当我将标记与其他图像一起使用时，它可以正常工作。您是否一开始就使用/ /images/refresh.png？

jsFiddle

<input id="btn1" style="width: 32px; height: 32px;" type="image" src="https://www.google.com.au/images/srpr/logo4w.png" onclick="refresh()"/>

仅供参考，其他方法是使用CSS应用图片或使用<button>标记并结合<img>。

jsFiddle

<input id="btn1" style="width: 32px; height: 32px; background-image:url(https://www.google.com.au/images/srpr/logo4w.png);" type="button" />
<button>
    <img src="https://www.google.com.au/images/srpr/logo4w.png" style="width:32px;height:32px;" />
</button>

将png图像放在html上的按钮上很困难

1 个答案: