CSSボタンの背景画像を実装するにはどうすればよいですか? (コード例)

CSS ボタンの背景画像を実装するにはどうすればよいですか? CSSに触れたばかりの友人の中には、このような疑問を持つ人も多いと思います。この章ではCSSボタンの背景画像を実装する方法を紹介します。困っている友人は参考にしていただければ幸いです。

フォームを送信するときに、多くの人が送信ボタンとして画像を使用することを好みます。ほとんどの人は、フォームの送信、つまりユーザーがクリックしたときの操作に JS を使用します。実際には、JS を使用してフォームを送信します。それは、SUBMIT ボタンの画像の背景を直接設定する方法です。次のように、ボタンに直接設定します。

<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />

この設定メソッドは FF では表示されますが、IE では表示されません。理由はわかりません。 IEでテストしたところ、background-image\backgroundimage;

に変更すると動作しません。

CSSを使用して設定する方法もあります。

<style type="text/css">
    .submitStyle {background:url(imagpath);border:0px}
</style>

上記は、CSS ボタンの背景画像を実装する方法の完全な紹介です。CSS3 ビデオ チュートリアル について詳しく知りたい場合は、PHP 中国語に注目してください。 Webサイト。

以上がCSSボタンの背景画像を実装するにはどうすればよいですか? (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。