0

下面的代码是我如何在网页上的按钮上添加背景图像。它可以在 IE9、Firefox 和 Chrome 上运行：

   <td>
   <input id="btn1" style="width: 25px; height: 25px; background-image: url('images/refresh.png'); background-repeat: no-repeat;" type="button" onclick="Get()"/>  
   </td>

但是当我使用 IE6 时，它不显示图像。只是一个空按钮。

你们知道我们如何将图像放在将在 IE9 和 IE6 上显示的按钮上吗？

4

2 回答 2

1

您可以使用<input type='image'>它将图像定义为提交按钮。

于 2013-05-07T04:00:41.677 回答
0

您可以使用<input type="image" src="">. 它适用于 IE 和其他浏览器。

这是 W3C 建议：

“图像按钮状态代表用户可以从中选择坐标并提交表单的图像，或者用户可以从中提交表单的按钮。元素是按钮，特别是提交按钮。”

或者您可以使用这个 hack（我的意思是，最好使用输入图像。）：

<div class="button"><input type="submit" name="" value=""></div>

和 CSS 文件：

div.button input {
    background:url(/images/Btn.PNG) no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}

最后一个建议的来源是：Stack Overflow :)

于 2013-05-07T04:13:31.507 回答