3

我创建了一个表单，通过电子邮件将答案发送给我，一切都很好，直到我绑定更改为“提交”按钮。我有一个很好的“提交”图像，但是当我将鼠标悬停在它上面时，我的悬停图像不会出现。这是我的代码。我哪里错了？

/*buttons*/
.submitbut {
background: url("images/z_submit.jpg")  no-repeat; border: none;
display: block;
width: 62px;
height: 36px;

}
.submitbut:hover {
background: url("images/z_submit_roll.jpg")  no-repeat; border: none;
background-position: 0px -50px;
display: block;
width: 62px;
height: 36px;
}

我拥有的html代码是......

<input type="submit" class="submitbut" value="" />
4

1 回答 1

2

首先，你可以去掉几个声明：

.submitbut:hover {
    background: url("images/z_submit_roll.jpg")  no-repeat; border: none;
    background-position: 0px -50px;
}

其次，如果它不起作用，只有两件事可能是错误的：

  1. images/z_submit_roll.jpg不存在，或；
  2. 你已经background-position不正确地转移了。
于 2013-06-13T18:39:43.977 回答