快速提问,我正在尝试向提交按钮添加翻转效果,但它似乎不起作用。我最初使用 CSS 来创建效果,但是当图像滚动时 CSS 会产生一点闪烁(我的猜测是加载滚动图像)。
按钮代码如下:
<%= image_submit_tag ("sharebutton_up.jpg"), :mouseover => ("sharebutton_down.jpg")%>
关于如何修复此代码或创建翻转效果的不同方法有任何想法吗?
最佳答案
你应该使用图像 Sprite 并使用背景位置改变它。
<%= image_submit_tag ("sharebutton.jpg"), :class => "submit_button" %>
然后在你的 CSS 中
.submit_button {
width: 100px;
height: 50px;
background-image: url("sharebutton.jpg");
}
.submit_button:hover {
background-position: 0 -100%;
}
这里假设有一张 100x100 的图片,上半部分是关闭状态,下半部分是开启状态。参见 this link获取更多信息。
关于ruby-on-rails - 向提交按钮添加鼠标悬停效果 (Rails 3),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9167846/