在提交具有良好跨浏览器功能的表单的图像上实现悬停的最优雅的"轨道"方式是什么?
对于图像,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中执行此操作的最优雅方法是什么?