- 締切済み
背景を透明に。
<table **** ></table> ****のところに何か記述して、テーブル内の背景を透明にするにはどうすればいいですか？
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- gakushaneko
- ベストアンサー率68% (2350/3407)
もっと，スマートなやり方があると思いますが，次の方法を試してください。 <HTML> <HEAD> <TITLE>タイトルは適当に</TITLE> <style> .s1{filter:alpha(opacity=50);} </style> </HEAD> <BODY> <DIV style="top : 50px;left : 50px; position : absolute; z-index : 2; visibility : visible; " id="Layer1"><IMG src="画像へのパス" width="163" height="50" border="0" class="s1"></DIV> <DIV style="top : 50px;left : 50px; position : absolute; z-index : 3; visibility : visible; " id="Layer2"> <TABLE border="1" width="163" height="50"> <TBODY> <TR> <TD>あいうえお</TD> <TD>さしすせそ</TD> </TR> <TR> <TD>たちつてと</TD> <TD>まみむめも</TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML> タイトルの下でクラスネーム「s1」を使って透明度を指定しています。 50が中央値で，数値が大きいと濃く，小さいと薄くなります。 画像はテーブルの背景で指定せず，レイヤーを使ってテーブルの裏に回しています。 コツは，テーブルのサイズと画像のサイズを同じに指定し，，テーブルと画像の左上の位置を<DIV>タグで同じになるように指定することです。 そして，画像のタグの中に「class="s1"」と指定すると，画像のみ透明になります。 ただ，問題は，背景ではないので，小さい画像を繰り返し使用するのには，かなり不向きです・・・。 ページ全体に濃いめの背景画像を使用しており，テーブル部分のみを薄くしたいのであれば，次の方法を試してみてください。 <HTML> <HEAD> <TITLE></TITLE> <style> .s1{filter:alpha(opacity=80);} </style> </HEAD> <BODY background="file:///L:/IBM Homepage Builder V7/sample/image/wallppr/a003bcg.gif"> <DIV style="top : 250px;left : 190px; position : absolute; z-index : 3; visibility : visible; " id="Layer3"> <TABLE border="1" width="210" height="50"> <TBODY> <TR> <TD>あいうえお</TD> <TD>かきくけこ</TD> </TR> <TR> <TD>なにぬねの</TD> <TD>はっぱふみふみ</TD> </TR> </TBODY> </TABLE> </DIV> <DIV style="top : 250px;left : 190px; position : absolute; z-index : 2; visibility : visible; " id="Layer4"> <TABLE border="1" width="210" height="50" bgcolor="#ffffff" class="s1"> <TBODY> <TR> <TD></TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML> 今度は，「.s1{filter:alpha(opacity=50);}」の数値を，大きくするとページの背景が薄くなり，小さくすると濃くなります。 ふたつのテーブルの位置とサイズを全く同じにすることも忘れないでください。 また，裏に回るテーブルの背景色は「白」が1番お勧めです。（他の色を指定しますと，不自然になるような気がする・・・） そして，下に回り込むテーブルに「class="s1"」と入れますと，ページの背景の濃さが変わります。 これを応用すれば，テーブル内に繰り返す背景画像を指定することも可能かもしれません。（下に回り込むテーブルの濃さを逆にする必要はあると思いますが・・・） なお，どちらの場合も，確認はIE6でしています。
- neue_reich
- ベストアンサー率21% (138/647)
通常、テーブルの背景色は透明です。 もし、背景色を変えたい場合にはＣＳＳ （style="background-color:色名"）を使用する ことになります。 もし、テーブル内のみを独立して背景を設定する、 と言うことであれば、やはりＣＳＳを使います。
質問の意味がちょっと分かりにくいんですが、 参考URLのようなことがやりたいんでしょうか？？
- Fukutarou
- ベストアンサー率30% (193/641)
イメージは多分、壁紙貼り付けて壁紙は動かずに情報がスクロールするページなのかなぁ それはjavaスクリプト使いますよ。 javaで検索して探してみてください。
- shy00
- ベストアンサー率34% (2081/5977)
通常は何も記載しなければ透明ですが・・・ CSSでセルの塗りつぶしなど設定しているのですか？
