jQuery背景画像のフェーディングボタンの入力

Question

私は基本的な要点this tutorialを使用して、ホバー上で異なる背景画像（スプライトを使用）にフェードする背景画像を持つリンクを作成しています。これは、基本的に空のスパンをリンク内に置いて、ホバーまで非表示にしてから、フェードインして表示します。

送信ボタン入力を使用して同じことを行うにはどうすればよいですか？明らかに、入力タグ内にHTMLを挿入することはできないので、それは自己閉じであるため、スパンを入れることはできません。他のオプションはありますか？

私は、同じ幅/高さのdivで入力を囲んでいて、ホバーの背景画像を与えていて、ホバーで0.01のような不透明度にフェードアウトしていますクリック可能で透明です。より良い選択肢があるのですか、これは行く方法ですか？

Answer 1

私はthis techniqueを使用しました。

基本的に、エレメントの内側にスパンを追加する代わりに、エレメントの周囲にdivを追加し、ホバーのボタンを消します。

Answer 2

あなたが本当に知りたいと思っているものは、あなたのフォームの送信ボタンとしてイメージを使用する方法です。これを設定したら、jqueryでメソッドを使用するのはかなり簡単です。

How to change an input button image using CSS?

またSafariは、ボタンの背景画像の使用を許可していないことがわかり、あなたが必要があると思います。ここでは

は、ボタンの背景画像を使用する方法を示し、別のSO質問ですこれをハックする（あなたがdivを使って提案したものに似ています）。上記の質問もこれをカバーしています。