ruby-on-rails - 提交按钮的 CSS Sprite 不起作用(在 Rails 3 中)

Question

我无法让我的 CSS Sprite 效果在我的 Rails 应用程序中工作，不知道为什么，因为我不完全理解这个概念。

这是我的提交按钮代码:

<%= f.submit '', :class => 'submitpost'%>

及其背后的 CSS:

.submitpost {
border: none;
height: 40px;
width: 145px;
background: url('sharebutton_up.jpg') 0 0;
}
 .submitpost:hover {
cursor:pointer;
height: 40px;
width: 145px;
background: url('sharebutton_down.jpg') 0 -40px;
}

提前致谢!

Answer 1

背景:url('sharebutton_down.jpg') 0 -40px;

我认为您应该删除 -40px，因为您已经将图像从 sharebutton_up 更改为 sharebutton_down