Forms 表单提交按钮悬停效果未显示

我有一个表单的提交按钮。我使用一个精灵作为背景，然后在鼠标悬停时，我将背景移动到按钮的宽度上，以获得鼠标悬停效果。然而，这是行不通的

这是我的html：

<form class="a">
<All the other Fields...>
<p><input type="submit" value="Submit"/><p>
</form>

---

您的位置上缺少

px

。请参阅工作示例

背景位置：

表示x:%| px |左|中|右

和

表示y%| px |上|中|下

可能是

.a input[type="submit"]:hover {
    background: url(btn.png) no-repeat;
    background-position: 109px 0px; // left 109px, top 0px
}

或

还要确保您的

图像

路径正确。根据

url（btn.png）

，现在您的图像应该位于

css

所在的文件夹中

---

并检查背景图像路径。

背景图像路径正确吗？

.a input[type="submit"]:hover {
    background: url(btn.png) no-repeat;
    background-position: 109px 0px; // left 109px, top 0px
}

.a input[type="submit"]:hover {
    background: url(btn.png) no-repeat 109px 0px;
}

.a input[type="submit"]:hover {
    background: url('btn.png') no-repeat 109px 0px; /*use 109px   */
}