Кнопка отправки формы с css спрайтами? - PullRequest
Новая
       0

Кнопка отправки формы с css спрайтами?

2 голосов
/ 08 октября 2010

У меня проблема с созданием кнопки отправки формы со спрайтами css.Это просто кнопка с состоянием наклона.У меня есть эта кнопка .css 

.buttonSubmit {

background-image: url (../ imgs / button_states_submit.png);фон-повторить: не повторять;маржинальная вершина: 10 пикселей;плыть налево;высота: 100 пикселей;ширина: 160 пикселей;} a.buttonSubmit: hover {background-position: 0 -100px;}

А у меня есть HTML 

<input name="" value="" class="buttonSubmit" type="image" />

Кнопка отправляет форму, но состояние прокрутки не работает ???Когда я тестирую с простым href, состояние onrollover работает, но я не знаю, какой селектор jQuery использовать для отправки формы 

<a href="#" id="buttonSubmit" class="buttonSubmit"></a>

в комбинации с jQuery 

$('#buttonSumbit').click(function(){

С уважением

1 Ответ

3 голосов
/ 08 октября 2010

Ваш CSS: 

.buttonSubmit {
    background-image: url(../imgs/button_states_submit.png); 
    background-repeat:no-repeat; 
    margin-top: 10px; 
    float:left; 
    height: 100px; 
    width: 160px; 
} 
a.buttonSubmit:hover { background-position:0 -100px; }

Обратите внимание, что во втором селекторе вы используете тег <a> с классом .buttonSubmit.Я полагаю, вы хотите использовать селектор input: 

input.buttonSubmit:hover { background-position:0 -100px; }
...