文字と画像を重ねて表示させる方法<background-image:url>

　Windows XP関連･･･　Wiki文法関連･･･　ブログ運営について知っててお得な情報一覧

Q:文字と画像を重ねて表示させたい

画像に文字を重ねたいんだよね。そう文字を･･･

俺だって画像が文字の下にきたり上にきたりするのは出来るよ。違うの重ねるの

この前さ、文字の重ね方法を他のブログに聞いたんだよ

文字が画像が下にきちゃう画像が上に来ちゃうってね。

そしたらその管理人「世間では普通そうですよ」だって･･

俺は情けなかったよYasukiyoさん。今時の若い奴はなんでも杓子定規にいれたがる。

世間ではそうなのだから貴方もそうしなさいって事だよ。自分で考え工夫しようとしないんだよね。まったく･･･

でさぁ画像に文字を重ねて配置するの、これ▼どうやるの？

エゾシカを探して

A:文字と画像を重ねて表示させる方法<background-image:url>

※グラデーションを超える長文WIKIタグになります。
それに修正の度に「httpコロンを」を「http＆＃58//」に変更しなくてはいけないというメンドクササです。
あまりお勧めできません。
「どうしてもやりたい」という奇特な方は下記にお進みください。

まずはWIKIタグから※全一行です。文中「＆＃」は半角でお願いします。

||<#FFFFFF' style=' width:540;height:46; color:#FFFFCC; font-family: "ＭＳ 明朝";font-size:20pt;font-weight:bold;text-align:right; background-image:url(http＆＃58//img.blogs.yahoo.co.jp/ybi/1/20/f3/yasukiyonet/folder/883712/img_883712_13118000_2?20070204143548); '``エゾシカを探して||

▲の全文から重要なタグだけを取り出してみましょう▼

||<#FFFFFF' style=' background-image:url(※URL入力); '``エゾシカを探して||

※URL入力＝「http＆＃58//〜」となります

エゾシカを探して

▲背景の大きさ指定されていない為に上記のように表示されてしまいます。
画像の大きさ（width:540;height:46;）を入れ込みます▼

||<#FFFFFF' style=' width:540;height:46;background-image:url(※URL入力); '``文略||

エゾシカを探して

押さえるポイントは上記の2点となります。

これに文字位置のWikiタグや文字色・大きさのWikiタグにフォント指定のWikiタグ
をスタイルシートに埋め込む事で下記のような表示が可能になります。

エゾシカを探して