-
ID:FHUhdS さんの質問

複数行にわたる文末にアイコンをbackgroundで表示させたいのですがうまくいきません。
なにか良い方法あるでしょうか?

一行の場合のやり方は分かるのですが複数行ですと文末表示が難しいです。

みんなの回答 5 件

ID:Dm5R8b さんの回答

background-position で

ID:FHUhdS

background-positionだとブラウザによっては文字と被ってしまわないですか?

ID:ZAfyHI さんの回答

;afterとか

ID:w.PMSQ さんの回答

インラインで
background:url(images/icon.gif) right bottom no-repeat;
padding-right:20px;

ID:FHUhdS

なるほどインラインでやると上手くいきました!
すごいですね、助かりました!
ありがとうございます<m(__)m>

ID:PTk.xf

ただIE6,7だと表示されないです。

ID:w.PMSQ

対応したいのであれば、他の回答にあるようにimgか、以下URLのように空タグで。
ttp://terkel.jp/archives/2009/03/inline-elements-with-background-image/

空タグのメリットは、cssで:hoverとか:visitedを弄れるところでしょうか。

ID:6yAI2F さんの回答

複数行末にアイコン起きたいときはimgタグで書いてます。
インラインでやると、IE7だったかで変になったので・・・

ID:D2vm4n さんの回答

私も素直に<img>で。

最終更新日:2013-06-20 (6,239 views)

関連するトピックス

ページ上部に戻る