Firefox 이미지 버튼 onmouseover 이벤트가 실행되지 않습니다

Question

빠른 질문. 내 사이트의 버튼을 내 예쁜 PNG로 바꿨습니다. 그런 다음 제출 버튼 마크 업으로 이미지를 래핑했습니다. 쉽지? 명확하게하기 위해 ...

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

그런 다음 그들이 대화 형 느낄 수 있도록, 이미지 onMouseover와 이벤트에 대한 약간 다른 조명 효과와 보조 버튼이있다. 모든 것은 크롬과 잘 맞지만 파이어 폭스와는 다릅니다. 기록을 위해 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> 

Answer 1

그것은 훨씬 더 쉽게이

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

같은 그리고 다음에 "someclass"클래스와 : hover 이벤트에 대한 CSS 배경 이미지를 설정하십시오.