Question

以下编码是我在网页上的按钮上添加背景图片的方法。它可以在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上显示的按钮上？

Answer 1

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

Answer 2

您可以使用<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 :)

按钮的背景图象在IE6 html

2 个答案: