文字の背景画像を指定する

文字の背景に、画像を指定することができます。

InternetExplorer3 Netscape4
<タグ名 style="background-image:url(背景画像URL)">背景色を指定する文章</タグ名>

背景画像の指定
パリ、1870年代。オペラ座では"ファントム"(オペラ座の怪人)のしわざとされる謎の事件が続いていた。
リハーサル中での事故で、プリマドンナの代役を務めることになったクリスティーヌは、その初主演のステージで喝采を浴び、観客の中にいた幼馴染のラウルと再開する。
だが、その喜びも束の間、仮面をかぶった謎の怪人、ファントムに...

ソースは、下記のようになります。赤字部分で文字の背景画像を指定しています。

背景画像の指定<br>
<span style=background-image:url(./sample/bgimg.jpg);">
パリ、1870年代。オペラ座では"ファントム"(オペラ座の怪人)のしわざとされる謎の事件が続いていた。<br>リハーサル中での事故で、プリマドンナの代役を務めることになったクリスティーヌは、その初主演のステージで喝采を浴び、観客の中にいた幼馴染のラウルと再開する。<br>だが、その喜びも束の間、仮面をかぶった謎の怪人、ファントムに...
</span>

この指定は、Internet Explorerと Netscapeで若干見え方が異なります。Internet Explorerでは、文字のある部分にだけ背景画像が表示されますが、Netscapeでは、文字を囲む最小の四角形部分に背景画像が表示されます。

また、『 span 』の部分は、段落であれば『 p 』、『 div 』などでもOKですし、ほとんどの他インラインタグが使えます。

トラックバック

このエントリーのトラックバックURL:
http://www.appelle.jp/mt/mt-tb.cgi/50

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)