abcdrfghijklmnoprqs


文字に画像を貼り付け

サンプル
<IMG src="../p1b.gif" style="position:absolute;
top:0px;left:0px;
width : 100%;
height : 80px;">
<DIV style="position:absolute;
top:0px;left:0px;
filter:mask(color=#eeffff);
width : 100%;
font-size:80px;"
id="Layer1">
abcdrfghijklmnoprqs
</DIV>
「../p1b.gif」は画像までの絶対・若しくは相対パスで記述してください。
「top : 0px;left : 0px;」は画像・文字の開始地点を記述。
「font-size:80px」は、文字と画像を合わせて下さい。
画像サイズが小さければ文字の途中までしか表示されません。
「#eeffff」背景色と同じにすればこのサンプルページのように綺麗に見えます。
１６進数の色のサンプルはこちら

「abcdrfghijklmnoprqs」お好きな文字をどうぞ。




b-click

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。