テーブルのセル内を半透明に

質問

縦２段×横３マスのテーブルに背景画像をつけ、６マスのセルはそれぞれ半透明の白色の背景にしたいのですが、宜しければタグを教えて頂けないでしょうか。
色々なHP作成支援サイトを参考にさせて頂いたのですが、パソコン初心者の為、よく分かりませんでした。
お手数をおかけしますが、教えて頂けますと嬉しいです。
宜しくお願い致します。

回答No.1

leap_day · ベストアンサー

こんにちは

こんな感じでできると思います

<style type="text/css">
table {
width:200px;
height:200px;
background-image:url(./sample0.gif);
}
td{
background-color:white;
opacity:0.85;
}

</style>
<!--[if IE]>
<style type="text/css">
<!--
td{
filter:alpha(opacity=85);
}
//-->
</style>
<![endif]-->

<table>
<tr>
<td>a</td><td>b</td><td>c</td>
</tr><tr>
<td>d</td><td>e</td><td>f</td>
</td><tr></table>

opacityが0～1まで
filterが0～100までです（数字が多くなるほど背景が薄くなる）

お礼

教えて頂きありがとうございます。
無事に完成致しました！
とても助かりました。ありがとうございました！！