CSSで質問です。

input type="button"にbackgroundで画像を指定しているのですが
どうしても、画像が下にずれてしまいます。
なぜでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/02/18 02:53:46
  • 終了:2008/02/25 02:55:02

回答(2件)

id:ball89 No.1

SUGA Project回答回数1ベストアンサー獲得回数02008/02/18 15:54:08

ポイント60pt

状況がわかりませんが、

少ない情報から考えられるのは

例えばボタンの大きさ以上に画像が大きい時があります。

ボタンの左上の角を 画像の左上の角に置くようにbackground-imageは動作するので

ボタンが小さいと 下にはみ出る->下によって見える ということがあります。

対処方法としては、positionでcentetに寄せてあげてください。

一応サンプルに・・下のタグをテキトウに書いてみてください。少しだけ前者のボタンのほうが画像の位置があがっていると思います。

<input type="button" value="centerを与えた ボタン" style="background:url(http://q.hatena.ne.jp/images/icon-jinriki.gif) center;" >

<input type="button" value="centerを未指定 ボタン" style="background:url(http://q.hatena.ne.jp/images/icon-jinriki.gif);">




background-position−スタイルシートリファレンス

また、背景の画像の上部分に余白が多いときも画像が下に落ちます。

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 かずぼっくり 92 82 8 2008-02-20 17:06:32

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません