<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 回答 (1件)

こんばんわ!


------------------------------------------------------
<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で確認しました。
    • good
    • 0
この回答へのお礼

今こちらでも試してみたら見事にできました!
こんな簡単なことでできたんですね。^^
meke2さん、本当にありがとうございます!

お礼日時:2002/02/26 09:54

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

この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半透明の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テーブルの背景を透過する方法

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

Aベストアンサー

文字を透過したくないセルに次のようなスタイルを。
<td style="position:relative;">

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

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


人気Q&Aランキング