Добавить изображение в использовании css

-1

У меня есть следующий код для отображения изображения в кнопке с помощью CSS, но я не могу заставить его работать. Изображение находится в том же каталоге, где находится файл CSS.Добавить изображение в использовании css

#submit-go { 
    margin-top:1em; 
    width:69px; 
    height:26px; 
    text-indent:-9999px; 
    overflow:hidden; 
    border:0; 
    background:url(submit-button.gif) no-repeat 0 0; 
    display:block; 
    cursor:pointer !important; cursor:hand; 
} 

#submit-go:hover { 
    background-position:0 -26px; 
}

<div align="center"><button type="submit" id="submit-go" >Submit</button></div>

источник

2013-04-28 Rajesh Kumar

Что именно не работает? 'align' также является устаревшим атрибутом – Adrift

Я бы посоветовал вам стилизовать кнопки с CSS как можно больше и желательно без фоновых изображений. Взгляните на градиенты CSS3, радиус границы, тень окна, тень текста. –

Попробуйте создать скрипку (http://jsfiddle.net/) и дайте нам URL-адрес – Pablo

Это может быть потому, что до сих пор background перекрывая background-position. Попробуйте изменить background к этому:

#submit-go { 
    margin-top:1em; 
    width:69px; 
    height:26px; 
    text-indent:-9999px; 
    overflow:hidden; 
    border:0; 
    background-image:url(submit-button.gif); 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    display:block; 
    cursor:pointer !important; cursor:hand; 
}

источник

2013-04-28 14:29:56 Adaz

Я создал эту скрипку с кодом http://jsfiddle.net/rDvTe/1/ и думаю, что он работает надлежащим образом проверены в Chrome).

Я заменил ссылку на изображение с URL, так что это будет работать, а также добавил

#submit-go {border: 1px solid red;}

, чтобы лучше видеть кнопку.

Я прав, если, полагаю, вы хотели, чтобы фоновое изображение отображалось при наведении? Else просто переключает положение фона в нормальном и зависающем состоянии. Надеюсь, это то, что вы искали.

источник

2013-04-28 16:42:56 Tyblitz

Добавить изображение в использовании css

ответ

Смежные вопросы