Фоновое изображение для кнопки в IE6 html

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:

"Кнопка изображения состояние представляет собой либо изображение, из которого пользователь может выбрать координату и отправить форму, или в качестве альтернативы кнопке, из которого пользователь может отправить форму. Элемент представляет собой кнопку, в частности кнопку отправки. "

Или вы можете использовать этот хак (я имею в виду, это предпочтительнее с использованием входного изображения.):

<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 :)