0

快速提问。我已经用我自己漂亮的 PNG 替换了我网站上的按钮。然后将图像包装在提交按钮标记中。很容易对吧？为了清楚...

<button type='submit' style='border: 0; background: transparent;'>
    <[img tag here] />
</button>

然后为了让它们感觉互动，有一个辅助按钮，其照明效果略有不同，用于图像 onmouseover 事件。一切都适用于chrome，但不适用于firefox。作为记录，我有一些在 Firefox 中工作的锚标签的相同设置，所以它特定于提交按钮。看起来firefox在按钮节点中捕获了onmouseover事件，并且没有到达图像标签。建议？

注意onmouseover 被编码到 html 标签本身。我真的不希望将代码移动到单独的侦听器（按钮太多，这对我来说感觉更干净）。

提前感谢您的时间！

编辑 抱歉 - 我想我也可以包括它，以防万一 >_<'

<button type='submit' style="border: 0; background: transparent;">
   <img class='med_button' style='padding:0;margin:0 0 0 -8px;' src='<?php echo base_url().'assets/images/login_indent_green.png'; ?>' alt='login' onmouseover="src='<?php echo base_url().'assets/images/login_indent_green_hover.png'; ?>'" onmouseout="src='<?php echo base_url().'assets/images/login_indent_green.png'; ?>'" />
</button>
4

1 回答 1

1

如果你做这样的事情会容易得多

<input type="image" class="someclass" />

然后在 CSS 背景图像中设置类“someclass”和:hover 事件。

于 2012-07-29T20:37:08.060 回答