小编ape*_*hai的帖子

Rails:使用image_submit_tag在悬停时更改表单提交图像

在提交具有良好跨浏览器功能的表单的图像上实现悬停的最优雅的"轨道"方式是什么?

对于图像,image_tag工作正常:

<%= image_tag("mouse.png", :mouseover => "/images/mouse_over.png") %>
Run Code Online (Sandbox Code Playgroud)

对于image_submit_tag,:mouseover不起作用.

我想到的一种方法是使用带有css的html.erb文件,但它有跨浏览器问题:

<%= image_submit_tag "", :class => "icon" %>
Run Code Online (Sandbox Code Playgroud)

CSS:

.icon { background-image: url('images/mouse.png')}
.icon:hover { background-image: url('images/mouse_over.png')}
Run Code Online (Sandbox Code Playgroud)

在rails之外,可以使用javascript或css.使用image_submit_tag在rails中执行此操作的最优雅方法是什么?

javascript css jquery ruby-on-rails image

5
推荐指数
2
解决办法
2241
查看次数

标签 统计

css ×1

image ×1

javascript ×1

jquery ×1

ruby-on-rails ×1