テーブルの背景だけを透過したいんですけど、どうすればいいですか?
自分で調べてみて、テーブルタグの中に<style="background-color:#FFFFFF;filter:Alpha(opacity=75);">を入れてみたんですけど、テーブル全体を透過してしまって文字まで薄くなってしまったんです。
だから、背景を透過した画像を並べてみたんですけど、なんか不自然で、私がイメージしていたのとは違うんです。私は最初にやったように、元の背景の色自体が薄くなるよいうにしたいんです。
でも、それって不可能なことなんですか?

A 回答 (1件)

文字を透過したくないセルに次のようなスタイルを。


<td style="position:relative;">

または、
セルがたくさんあるなら<head>~</head>間に以下を追加。

<style type="text/css">
<!--
th,td{position:relative;}
-->
</style>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qtableの背景色のみ半透明にする

tableの背景を白くして、alphaフィルターをかけることで背景画像をtableに半透明で映すことができますよね?
でもそれと一緒に文字まで薄くなってしまいます。
tableの枠と文字はそのままで、tableの背景のみを半透明にする方法はありますか?

Aベストアンサー

テーブルを重ねるのはいかがでしょうか?
外枠のテーブルは枠色をつけて、中は透明、
その中に又テーブルを作り、そこは枠なし半透明処理、
その中のセルは半透明を繁栄させなければ、
文字は半透明にはならないと思います、

こんな感じで、テーブル作ります。
<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>

他にもレイヤー使ったりする方法もありますよ。
こんな感じでどうでしょう?

テーブルを重ねるのはいかがでしょうか?
外枠のテーブルは枠色をつけて、中は透明、
その中に又テーブルを作り、そこは枠なし半透明処理、
その中のセルは半透明を繁栄させなければ、
文字は半透明にはならないと思います、

こんな感じで、テーブル作ります。
<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" cellpaddi...続きを読む

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Q半透明のtable、画像は透過したくない

tableの背景を白くして、alphaフィルターで背景画像をtableに半透明で映しています。
一マスの大きなセルに文章や画像を入れたいのですが、中に貼り付ける画像は普通に表示させたいのです。
文字は透過しても良いです。
tableの背景のみを半透明にして画像はちゃんと表示するという方法はありますか?

http://oshiete1.goo.ne.jp/kotaeru.php3?q=677303
の質問で見たテーブルを二つ重ねる方法でも、
文字は透過しないのに画像だけ半透明になってしまいます。
どなたか教えて下さいませ。

Aベストアンサー

ええと、透過したくない画像のスタイルに
position:relative
を追加してみてください。これで透過しないみたいです。

つまり<IMG SRC="xxx.jpg" style="position:relative">ですね。

IE6で確認しました。おそらくこれでいいと思いますよ^^;

Q表の背景色を透明にする方法

HPB V6です。
表の背景色を透明(表から下の壁紙が透けて見える)にする色は
どうするか教えてください。
何も設定しないときには「透明」なのですが
一度、色を設定してから透明に戻したくなったのですが
どの色を選んでも透明にはなりません。

Aベストアンサー

一度、色を選ぶと、どの色を指定しても透明になりません。
その色指定を削除する操作をします。
ビルダーですと、属性の変更で一括で可能です。

まず、表全体をマウスで指定します。
(左クリック押しながら、マウスを動かし指定)
指定した状態で右クリックで「属性の指定」を選択します。
小ウィンドウが出てきて、下の部分の「背景」の「色」の所の
「#ffeeee」などとなっている部分を左クリックし、「Delete」キーを押し、「#ffeeee」を消すと透明になります。
「#ffeeee」は、色によって変わります。

Qテーブルの中のグラデーションの作り方

背景のグラデーションではなくて、テーブルの中をグラデーションに
することはできますか?

Aベストアンサー

<!横>
<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!縦>
<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!セル縦>
<table border="0">
<tr>
<td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);">
</td></tr>

<!セル横>
<tr><td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);"></td></tr>
</table>
<!ここまで>

startColorStr=(開始の色)
endColorStr=(終わりの色)

<!横>
<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!縦>
<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!セル縦>
<table border="0">
<tr>
<td height="150" wid...続きを読む

Q半透明のテーブル

<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が適用されてしまい、半透明になってしまいます。
何とかしてテーブルの部分だけを半透明にするいい方法はないですか? 誰か知っていたら教えてください。お願いします。

Aベストアンサー

こんばんわ!
------------------------------------------------------
<html>
<head>
<title>半透明テーブル</title>
</head>
<body background="backlink.gif">

<table bgcolor="blue" style="filter:alpha(opacity=50)">
<tr><td>
<SPAN style="position:relative">
たとえばこういうテーブルを作ったとすると、<br>
この文字も半透明になってしまう。<br>
</SPAN>
</td></tr>
</table>
</body>
</html>
---------------------------------------------------------
上のように<SPAN>タグで文字を囲みポジションを(相対的に)指定してみたら
テーブルだけ半透明になりました!

実は同じような事を考えてて、今回たまたまこの発想が浮かび試したところ
見事に表示。。。

ちなみにIE5.5で確認しました。

こんばんわ!
------------------------------------------------------
<html>
<head>
<title>半透明テーブル</title>
</head>
<body background="backlink.gif">

<table bgcolor="blue" style="filter:alpha(opacity=50)">
<tr><td>
<SPAN style="position:relative">
たとえばこういうテーブルを作ったとすると、<br>
この文字も半透明になってしまう。<br>
</SPAN>
</td></tr>
</table>
</body>
</html>
---------------------------------------------------------
上のよう...続きを読む

Q