当作提交按钮时，悬停图像不显示（CSS）

Question

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

/*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="" />

- user2482929

---

啊，抱歉标题有误。真是个灾难。在来到这个网站之前，那原本是我的问题！ - user2482929

它可以工作：http://jsfiddle.net/v3RYM/ - karthikr

你确定 images/z_submit_roll.jpg 存在吗？ - Dave Chen

使用Google标志实现haha +1。 - Dave Chen

标题有点误导人...从你的问题中我理解到，按钮的CSS显示不正确。可能有不同的原因，比如路径错误、背景定位错误等。 - Damien Pirsy

嘿，@user2482929，我为这篇文章提交了一份编辑（我修复了你的标题），你只需要接受这个编辑，这样它就会显示给所有人看。顺便说一下，欢迎来到StackOverflow！ - pattyd

Answer 1

首先，您可以删除一些声明：

```html

首先，您可以删掉一些声明：

```

.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。

- Mike Perrenoud

---

谢谢Michael！我已经完成了声明并删除了50。现在运行得很好。干杯！ - user2482929

@user2482929，我很高兴能够提供帮助！ - Mike Perrenoud