Webデザインに関する質問です。このページを見て回答してください。

完全に透かせるかというと微妙ですが、例えば

テーブルタグをネストさせて、

外側のテーブルではbackground=”表示させたい画像”

内側のテーブル（文字表示）のbackgroundに、格子状に透過させたgif画像等を使うことで、そういう効果を出すことができるかもしれません。

バッドノウハウですが確実な方法としては、

下に透かしたい画像の、ちょうど表示される部分を切り取ってしまい、画像加工した上でbackgroundに指定すれば、確実にそういう効果として見せることはできますね。

IEなら filter:alpha を使う。

それ以外なら

■□■□■□

□■□■□■

■□■□■□

□■□■□■ (□は透明色)

こういう市松模様のパターンを作って背景にする。

filter:Alpha()を用いれば簡単に出来ます。

…ただし、見る側の環境がIE4以降であることが前提ですが…

<table>

<tr>

<td style=”background-color:#000000; filter:Alpha(Opacity=50)”>

<div style=”color:#ffffff; position:relative;”>

■■■文字は不透明■■■

</div>

</td>

</tr>

</table>

※Opacityの指定値は透明度（％）です。数値が大きいほど不透明になります。

また、<td>〜</td>内に配置された文字まで透けない用にする為に、

文字をブロック要素として相対位置指定（relative）します。

こんな感じのことですか？違ったらすいません。

透過GIF使ってます。色によると思いますが・・

<TD background=”01.gif”>...</TD>

ではダメでしょうか?

IE6、FireFox、Opera で透過しているのを確認したのですが……

それとも質問の意味を取り違えてるのかな……

htmlと画像のセットをURLにおいてみました。

画像のプレロードなんかを組み込めば、実用的だと思います。ちなみに背景指定はcssで行っています。

#2さんの方法でbackの画像を透かせているページです。

私のサイトなんですが…

こちらの回答で提供された画像をtableのbgcolorにはめ込んで在ります。

で、その升目の白部分に色をつけてみましたのが２つめのURL。

こんなカンジでよろしいでしょうか。

一応Mozilla系とSafariでCSSを使う方法もあります。

（背景だけでなく内部の文字なども透過されてしまうようです）

Mozilla系:opacity

Safari:-khtml-opacity

いずれも指定値は1:不透過〜0:透過

透化についてはCSSではまだ微妙ですので他の方の回答のように網目画像を使った方が確実っぽいと思います。

#7です。ポイント不要です。

網目についてですが、私の環境（Win2000・IE6・モニタ解像度1024×768）では

網目には見えません。

試しに、モニタ解像度を640×480にしてみましたら、確かに網目に見えました。

自分のサイトの市松GIFは１ピクセルで作ってあって、これ以上は

小さくしようがありません。（さっきの回答記入ミスがありました

×　こちらの回答で提供された画像を

○　こちらの回答で提供された画像と同じ原理の物を）

この方法でも、ユーザーのブラウザ・解像度に左右されるのは免れないと思います。

URLは、このご質問にちょっと関連してる既出質問です。

こんなのはどうですか？

ＣＳＳに

.waku{

font-family:’Osaka-等幅’;

font-color:#000000;

font-size:12;

filter:Alpha(opacity=60);

}

を入れて、テーブルの方を

<TABLE width=”371” background-color:#ffffff; class=”waku”>

<TBODY>

<TR>

<TD bgcolor=”#000000”><FONT color=”#ffffff”>○メニュー○</FONT></TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”>これらの部分の背景を色付きで透かしたい。</TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”>あああ</TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”>いいい</TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”>ううう</TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”>えええ</TD>

</TR>

<TR>

<TD bgcolor=”#666666” bgcolor=”#000000”>...</TD>

</TR>

<TR>

<TD align=”right” bgcolor=”#000000”></TD>

</TR>

</TBODY>

</TABLE>

tableにclass=”waku”を指定して、ＴＤのバックを000000にします。。。で、透過の濃さはCSSのfilter:Alpha(opacity=60);この数字で調節します。

一応上の通り試したら上手く行きましたけど（＾＾

スタイル設定でできますが、IEでしか対応していません。

alphaという項目です。

アドレスはtsutayaと個人情報とはてなについて書いてある記事です。締め切られてしまいましたがご参考までに。

ポイントは不要です。

こちらのHPではいろんな技法がありますがいかがでしょうか？

ポイントは要りません。

恐らく同じことをしているサイトがありましたので

ご参考までに。

横しまの背景画像の上に、網目の背景を表示させて透かしています。