<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が適用されてしまい、半透明になってしまいます。
何とかしてテーブルの部分だけを半透明にするいい方法はないですか? 誰か知っていたら教えてください。お願いします。
No.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で確認しました。
今こちらでも試してみたら見事にできました!
こんな簡単なことでできたんですね。^^
meke2さん、本当にありがとうございます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- PHP php テーブルが作成できない 1 2022/11/17 23:41
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- MySQL php テーブルを作れない 2 2022/11/17 18:22
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでスロットマシン
-
テーブルの行数を可変長にした...
-
プルダウンメニューを表の中に...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
Javascriptでテーブルタグの座...
-
Table内TDの子要素を移動させた...
-
連動テーブルのクロスハイライト
-
javascriptでdata.txtのJSONデ...
-
フォームの内容でリンク先URLの...
-
ラジオボタンのNullチェック
-
slickのレスポンシブ > center...
-
【javascript】連想配列からセ...
-
テーブルの変数について
-
return trueとreturn falseの用...
-
JavaScriptでテーブルをクリッ...
-
POST時に要素を削除してからPOST
-
HTMLのフォーム名とJavaScript...
-
ボタン無しでフォーム内容送信
-
チェックボックスにチェックが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
カレンダーに印を付けたい
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
任意に文字数指定のできる原稿...
-
idの振り直しについて
-
tbody要素のinnerHTMLが書き換...
-
指定のテキストをクリックする...
-
複数画像のロールオーバー
-
マウスが重なったら画像の上に...
-
JavaScript 保守性の高めたい 2
-
jQueryでの親の親の隣の子供の...
-
Javascriptでテーブルタグの座...
おすすめ情報