- ベストアンサー
tableの背景色のみ半透明にする
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
テーブルを重ねるのはいかがでしょうか？ 外枠のテーブルは枠色をつけて、中は透明、 その中に又テーブルを作り、そこは枠なし半透明処理、 その中のセルは半透明を繁栄させなければ、 文字は半透明にはならないと思います、 こんな感じで、テーブル作ります。 <table width="620" border="2" cellpadding="0" cellspacing="0" bordercolor="#FF0000"> <tr> <td width="620" height="669" valign="top"> <table style="filter:alpha(opacity=70)" width="100%" border="0" cellspacing="0" cellpadding="0" height="779" bgcolor="#FFFFFF"> <tr> <td>TEST</td> </tr> </table> </td> </tr> </table> 他にもレイヤー使ったりする方法もありますよ。 こんな感じでどうでしょう？
その他の回答 (1)
- Genlasorka
- ベストアンサー率44% (8/18)
テーブルの背景画像に透過gifを使うと言う手もありますよ。 ■□ □■ のような２×２ピクセルの画像で□部は透過GIF画像にしておくんです。 背景になんらかの画像がある場合は半透明に見えます。 でも、ちょっと荒業ですね＾＾；
お礼
ありがとうございます！ そんな手もあるのですね またよろしくおねがいします＾＾
関連するQ&A
- 半透明のtable、画像は透過したくない
tableの背景を白くして、alphaフィルターで背景画像をtableに半透明で映しています。 一マスの大きなセルに文章や画像を入れたいのですが、中に貼り付ける画像は普通に表示させたいのです。 文字は透過しても良いです。 tableの背景のみを半透明にして画像はちゃんと表示するという方法はありますか？ http://oshiete1.goo.ne.jp/kotaeru.php3?q=677303 の質問で見たテーブルを二つ重ねる方法でも、 文字は透過しないのに画像だけ半透明になってしまいます。 どなたか教えて下さいませ。
- ベストアンサー
- HTML
- 半透明のテーブル
<html> <head> <title>半透明テーブル</title> </head> <body> <table bgcolor="blue" style="filter:alpha(opacity=50)"> <tr><td> たとえばこういうテーブルを作ったとすると、<br> この文字も半透明になってしまう。<br> </td></tr> </table> </body> </html> IEのフィルタを使って半透明にしたいのですが、たとえば上のようにタグを書くと、テーブル内に書いたテキスト部分にもfilterが適用されてしまい、半透明になってしまいます。 何とかしてテーブルの部分だけを半透明にするいい方法はないですか？ 誰か知っていたら教えてください。お願いします。
- ベストアンサー
- JavaScript
- テーブルの背景を透けさせたい！（でも中の文字は透けて欲しくない）
テーブルの背景を透けさせたくて… 『style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)"』 ↑こんなのをTABLEタグの中に入れました。 そしたら、テーブル自体は思い通りになってくれたのですが、その中の文字まで透けて（薄くなって）しまって、なんだか字が読みづらい感じです。 テーブルの中の字は普通のままで、背景色だけが透けて見えるようにする方法があれば教えてくださいー 宜しくお願いいたします！！m(_ _)m
- ベストアンサー
- CSS
- フォームやテキストエリアの背景のみ半透明
フォームやテキストエリアの背景のみ半透明化する方法はありますか？ 画像を半透明にするのはわかるのですが、フォームに背景画像を指定し、それを半透明化するなんてことできますか？ 枠や入力している文字列は半透明にならないようにしたいです。
- 締切済み
- HTML
- テーブルの背景を透過する方法
テーブルの背景だけを透過したいんですけど、どうすればいいですか？ 自分で調べてみて、テーブルタグの中に＜style="background-color:#FFFFFF;filter:Alpha(opacity=75);"＞を入れてみたんですけど、テーブル全体を透過してしまって文字まで薄くなってしまったんです。 だから、背景を透過した画像を並べてみたんですけど、なんか不自然で、私がイメージしていたのとは違うんです。私は最初にやったように、元の背景の色自体が薄くなるよいうにしたいんです。 でも、それって不可能なことなんですか？
- ベストアンサー
- HTML
- CSSでテーブルの背景のみを透過させる方法
filter:alpha(opacity=80)を使って設定しているんですが、 文字・画像・枠線まで全て透過されてしまいます。 テーブルの背景のみを透過させるには、どうすればいいでしょうか？ アドバイスよろしくお願いします。
- 締切済み
- ブログ
- tableを半透明にする件
tableを個別に透明にする設定などはわかったのですがテーブルの中身 の文字や画像まで透明になるのを防ぐ方法はないでしょうか？ 返信お待ちしています。 <STYLE TYPE="text/css"> <!-- TABLE{filter:Alpha(opacity=50);} --> 個別に下記タグで透明度を設定しています。 </STYLE> style="filter:Alpha(opacity=50);"
- ベストアンサー
- JavaScript
- テーブルの背景画像のみ透明化
http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。
- ベストアンサー
- HTML
- ＨＴＭＬ・ＣＳＳ・背景画像半透明化
body背景画像を活かしつつ、もう一枚の画像を前に持ってきて、透けさる 方法 皆様お忙しい中、申し訳ございません。 今、ホームページを作成中でして、body背景に画像を持ってきて、その上に 文章を持ってきたら文章がはっきりしないので、背景画像を活かしつつ文章の前に半透明化の＃000000を７０％位の濃さで残し、これはたぶんＦＬＡＳＨだと思いますが、この様な感じで、（黒い透けた真ん中画像） http://store.honeyee.com/製作したいと思っております。 （ＨＴＭＬ、ＣＳＳで） ＣＳＳではこの様な形でやってみたんですが、bodyより上の画像がすべてすけてしまいレイアウトできませんでした。 filter:alpha(opacity=43); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; ＧＩＦ、ＰＮＧの文字周りの透過ではなく一枚のイメージの透過を教えて 下さい。 宜しくお願い致します。
- 締切済み
- HTML
お礼
ありがとうございます。できました＾＾ またお願いします