![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<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ランキング
-
<div>のタッチ状態を維持したま...
-
画像の表示位置
-
変数宣言と初期値代入の場所に...
-
jQueryでシンセサイザーを作っ...
-
追加ボタンを押した際に ok ボ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
-
変数名をどのようにつけるのが...
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
カレンダーに印を付けたい
-
任意に文字数指定のできる原稿...
-
idの振り直しについて
-
tbody要素のinnerHTMLが書き換...
-
複数画像のロールオーバー
-
指定のテキストをクリックする...
-
マウスが重なったら画像の上に...
-
jQueryでの親の親の隣の子供の...
-
JavaScript 保守性の高めたい 2
-
Javascriptでの開閉リストの質問
おすすめ情報