Question

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

.buttonSubmit {

background-image：url（../ imgs / button_states_submit.png）; 背景重复：不重复; margin-top：10px; 向左飘浮; 身高：100px; 宽度：160px; } a.buttonSubmit：hover { background-position：0 -100px; }

我的html

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

按钮提交表单但是onrollover状态不起作用??? 当我用一个简单的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; }

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

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

用css sprites表单提交按钮？

1 个答案: