提交按钮的 CSS Sprite 不起作用（在 Rails 3 中）答案

【问题标题】：CSS Sprite for Submit Button not working (In Rails 3)提交按钮的 CSS Sprite 不起作用（在 Rails 3 中）
【发布时间】：2012-02-06 23:29:04
【问题描述】：

我无法让我的 CSS 精灵效果在我的 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;
}

提前致谢！

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-3 css css-sprites

【解决方案1】：

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

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

【讨论】：