複数行にわたる文末にアイコンをbackgroundで表示させたいのですがうまくいきません。なにか良い方法あるでしょうか?
一行の場合のやり方は分かるのですが複数行ですと文末表示が難しいです。
background-position で
background-positionだとブラウザによっては文字と被ってしまわないですか?
;afterとか
インラインでbackground:url(images/icon.gif) right bottom no-repeat;padding-right:20px;
なるほどインラインでやると上手くいきました!すごいですね、助かりました!ありがとうございます<m(__)m>
ただIE6,7だと表示されないです。
対応したいのであれば、他の回答にあるようにimgか、以下URLのように空タグで。ttp://terkel.jp/archives/2009/03/inline-elements-with-background-image/
空タグのメリットは、cssで:hoverとか:visitedを弄れるところでしょうか。
複数行末にアイコン起きたいときはimgタグで書いてます。インラインでやると、IE7だったかで変になったので・・・
私も素直に<img>で。
みんなの回答 5 件
background-position で
;afterとか
インラインで
background:url(images/icon.gif) right bottom no-repeat;
padding-right:20px;
複数行末にアイコン起きたいときはimgタグで書いてます。
インラインでやると、IE7だったかで変になったので・・・
私も素直に<img>で。
関連するトピックス