文字の背景画像を指定する
文字の背景に、画像を指定することができます。
<タグ名 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ですし、ほとんどの他インラインタグが使えます。
