Firefox图片按钮onmouseover事件不会触发

快速问题。我用自己漂亮的PNG取代了我网站上的按钮。然后将图像包装在提交按钮标记中。容易娇小的权利？为了清楚......Firefox图片按钮onmouseover事件不会触发

<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>

来源

2012-07-29 dgeare

哪里是简单易懂的代码;）？ – 2012-07-29 20:14:02

对不起。它现在在那里。 – dgeare 2012-07-29 20:27:56

这是很容易，如果你做这样的事情

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

而且然后在CSS背景图像中设置类“someclass”和：悬停事件。

来源

2012-07-29 20:37:08

好吧，除了它*技术上*不回答我的问题（我会好奇地知道为什么onmouseover事件传播到按钮的子节点，而不是在FF中），它会解决我的问题。我甚至不必担心css，只需放下按钮标签并将图像更改为输入类型='图像'（这非常棒，因为我实际上不必回头查看所有内容并添加jquery处理程序）所以我们将其标记为已回答。谢谢。 – dgeare 2012-07-30 01:33:02

我知道这并不是技术上的问题，但它是众多解决方案之一。别客气：） – 2012-07-30 01:41:41

Firefox图片按钮onmouseover事件不会触发

回答

相关问题