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事件不會觸發

回答

相關問題