0

カスタム (インターネットで見つけた IE) の PayPal 寄付ボタンがあります。マウスアウト画像とマウスオーバー画像の2つの異なる画像が必要です。私が変更され

<input type="image" src='/images/icons/donate.png' border="0" name="submit" alt="">

に

<input type="image" onmouseout="this.src='/images/icons/donate.png'" onmouseover="this.src='/images/icons/hover_donate.png'" border="0" name="submit" alt="">

2 つの異なる画像は適切に機能しますが、ページが最初に読み込まれると、少なくとも 1 回マウスオーバーするまでどちらの画像も表示されません。その後、彼らは見つけました、それはそれがどのように機能するかです。できればCSSを使用して、これを修正する方法があるかどうか疑問に思っていました。これは、私が話しているコードの完全なセクション (識別情報を除く) と、私が話していることの画像 (または、画像を投稿する担当者がいないため、むしろリンク) です。

            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="valueHere">
            <input type="image" onmouseover="this.src='/images/icons/hover_donate.png'" onmouseout="this.src='/images/icons/donate.png'" border="0" name="submit" alt="PayPa$
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
            </form>

画像

一番上のものは新しいページに表示されるもので（ctrl + f5を使用して、キャッシュではなくサーバーからプルしていることを確認します）、下のものはそれぞれボタンとホバーボタンです.

4

1 に答える 1

0

入力フィールドに id を指定し、背景画像 (ホバリングせずにデフォルトで表示する画像) を指定します。

<style type="text/css">
   #donation{background-image:url(images/icons/donate.png);}
</style>

<input type="image" id="donation" onmouseout="this.src='/images/icons/donate.png'" onmouseover="this.src='/images/icons/hover_donate.png'" border="0" name="submit" alt=""> And
于 2014-01-30T15:21:04.930 に答える