Форма отправить кнопку с css спрайты?

Question

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

.buttonSubmit { 

фона изображения: URL (../ ГИМ/button_states_submit.png); background-repeat: no-repeat; margin-top: 10px; float: слева; высота: 100px; ширина: 160px; } a.buttonSubmit: hover { background-position: 0 -100px; }

И я HTML, у меня есть

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

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

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

в комбо с JQuery

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

рассматривает

Answer 1

Ваш 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; } 

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

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