薄消しの画像の入れ方

質問

ホームページに薄消しの画像を入れ、その上から文字を入れたいのですが、どのようにすればよいのでしょうか。

回答No.1

arukamun · ベストアンサー

こんにちは

薄消しの画像をスタイルシートのフィルタ機能で実現します。
また、その画像の上に文字を配置しないといけないという事ですので、これもスタイルシートで位置を指定すれば良いでしょう。

<SPAN STYLE="position: absolute; top: 100px; left: 100px;">
<IMG SRC="ここに画像ファイル名を入れる" STYLE="filter: Alpha(opacity=50);">
</SPAN>
<SPAN STYLE="position: absolute; top: 100px; left: 100px;">
ここに文字を入れる。
</SPAN>

Alpha()のopacityの値を調整する事で透明度を変更出来ます。
また、top;やleft:の値を変更する事で場所を変更出来ます。
といった感じでしょうか？

参考URL：

http://tohoho.wakusei.ne.jp/css/index.htm