当我使用image_submit_tag时,我在图像上不断收到“提交查询”消息。我想摆脱这个。但是,图像和悬停图像显示正确。
<div class="action">
<%= image_submit_tag "", :class => "acctSubmit" %>
</div>
这是我班级的css:
.acctSubmit{
display: block;
background: url('createaccount_button.png') no-repeat 0 0;
height: 43px;
width: 197px;
}
.acctSubmit:hover {
background-position: 0 -43px;
}
如果我能提供其他任何内容,请告诉我!
答案 0 :(得分:1)
为什么不使用button_tag
,然后根据需要设置<button>
的样式?您看到了通常的“缺失图片”文字,因为您使用的<img>
代码没有src
属性,正确风格的<button>
将是更好的选择:
<%= button_tag '', :class => 'acctSubmit' %>
您现有的CSS应该可以正常工作,但您可能需要进行一些调整才能获得所需的视觉效果(取决于您正在重置的CSS重置方式)。