带有css精灵的表单提交按钮？

Question

我在使用 css sprite 创建表单提交按钮时遇到问题。它只是一个具有 onrollover 状态的按钮。我有这个 .css 按钮部分

.buttonSubmit {

背景图片：url(../imgs/button_states_submit.png); 背景重复：不重复； 边距顶部：10px； 向左飘浮; 高度：100px； 宽度：160px； } a.buttonSubmit:hover { 背景位置：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; }

请注意，在第二个选择器中，您使用的是具有 .buttonSubmit 类的 <a> 标记。我猜你想使用input 选择器：

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