Как установить фоновое изображение в кнопку отправки?

как установить фоновое изображение в кнопку отправки?

Мне нужно использовать изображение вместо обычной кнопки отправки? какой путь был бы лучше всего в xhtml/css?

Кнопка должна выглядеть одинаково во всех основных браузерах, включая IE6, IE7

Ответ 1

Как обычно я это делаю, со следующим css:

div#submitForm input {
  background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  width: 75px;
}

и разметка:

<div id="submitForm">
    <input type="submit" value="Submit" name="submit">
</div>

Если в разных браузерах все выглядит иначе, я умоляю вас использовать таблицу стилей reset, которая устанавливает все поля, отступы и, возможно, даже границы до нуля.

Ответ 2

Обычно можно использовать один (или более) теги изображений, возможно, в сочетании с настройкой фоновых изображений div в css, чтобы действовать как кнопка отправки. Фактический submit будет выполнен в javascript при событии click.

A учебник по этому вопросу.

Ответ 3

.button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}

Ответ 4

Вы можете попробовать следующий код:

background-image:url('url of your image') 10px 10px no-repeat

Ответ 5

Я делаю это так кнопку обложки и среднее изображение, которое

<button><img src="foldername/imagename" width="30px" height= "30px"></button>