人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:background CSS 画像
○ 状態 :終了
└ 回答数 : 1/2件

▽最新の回答へ

1 ● SUGA Project
●60ポイント

状況がわかりませんが、

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

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

ボタンの左上の角を 画像の左上の角に置くように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-スタイルシートリファレンス

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ