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

次に、クラス「someclass」と :hover イベントの CSS 背景画像を設定します。

于 2012-07-29T20:37:08.060 に答える