dreamweaverを使用して、テーブルのセルの色を透けさせ、背景をうっすら見えるようにするにはどうしたら良いでしょうか?


色々検索して、http://wakabano.cool.ne.jp/dream/layout/table/tips/tip_06.htmlのように、スタイルシートで設定というのを試しました。
ここの記述にあるように、テーブルを作って背景色を設定し、<table>タグ内にstyle=”filter:alpha(opacity=70)”の記述を入れてみましたが、ダメです。
入れる所を間違えているのでしょうか?
単にタグを貼り付けるだけじゃダメなのでしょうか?

他に色々見ていたところ、<body>〜</body>の間にタグを挿入するという説明もありましたが、何をどうしたらいいのかよくわかりません。

何か記述が足りないのでしょうか?
詳しく設定方法を教えて頂けると助かります。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答4件)

id:honey_orange No.1

回答回数544ベストアンサー獲得回数7

ポイント20pt

style=”filter:Alpha(opacity=65);”


↑をテーブルタグ内に入れてみてください

ブラウザによっては透けない物もあります

自分はIEではばっちりでしたが

Operaでは透けませんでした

以上 参考になればいいのですが

id:keito0614

早速の回答ありがとうございました。

やってみましたが・・駄目でした(-_-;)

例えば幅100ピクセル・高さ30のテーブルを作り

上記の記述を入れるとすると

 

こんな感じでいいのでしょうか?

2006/02/23 18:41:07
id:berryberry_com No.2

回答回数11ベストアンサー獲得回数0

ポイント20pt

参考ページの透過はcss使用ですね。

cssのタグは入れてますか?

承知の上のことを言ってしまっていたらごめんなさい。

更にもしcss使用ではないことをお聞きならば、聞き流してやってくださいませ^^;


<head>

<title>○○○○</title>

<style type=”text/css”>

<!--

body {filter: Alpha(Opacity=80);}

-->

</style></head>


↑こんな感じでhead内にcssを入れたらいかがでしょうか。上記の記述は80%透過です。

tableタグ内にただタグを記入するのではなく、cssの記述が必要です。

cssで良いなら、DREAMWEAVER MXであれば、自分で書くことなく、

cssスタイル定義をする際にalphaは簡単に設定できると思います。

私が現在使用しているバージョンがMXのため、それ前後のことははっきり言えないのですが・・・

id:keito0614

cssスタイル定義ですね。

まだ実は使った事がないのですが、試して見ます。回答ありがとうございます。

2006/02/23 23:28:57
id:KIROW No.3

回答回数38ベストアンサー獲得回数0

ポイント20pt

http://codeweb.seesaa.net/article/12335289.html

CodeWeb: [CSS]クロスブラウザな半透明フィルタ

bgcolorで背景色を指定せず、cssで背景色(あるいは背景画像)を指定してみてください。


<table style=”background:#ff33cc; filter:Alpha(opacity=65);”>

id:keito0614

スタイルシートで設定するという事ですよね。

前の方と同様、やってみているのですが、まだ出来ません。

dreamweaverのCSSスタイルで新規→セレクタタイプは「クラス」定義は「現在のドキュメントのみ」にし、背景のところで色を選択し、拡張のフィルタの所に、Alpha(opacity=65)と入力しています。

これを透かしたいテーブルを選んで、そのテーブルのスタイルに上記で設定したスタイルを当てはめています。(最初にスタイル定義する際に

適当に付けたスタイル名を選択しています)

こういうやり方でいいのでしょうか?

CSSを使うのが初めてなので、見当違いの事を行っているかもしれません。

ご指導いただけると幸いです。

2006/02/24 00:19:54
id:crossingpoint No.4

回答回数45ベストアンサー獲得回数1

ポイント20pt

filter:alphaはIEのみの対応ですが他のブラウザでチェックしてませんか?


他のブラウザでの透明の指定はIEと記述が異なります。

質問の書き方であれば、

style=”filter:Alpha(Opacity=70); -moz-opacity:0.6; -khtml-opacity:0.7; opacity:0.7;”

でどうでしょうか。

それぞれのプロパティについては以下が詳しいです。

id:keito0614

回答ありがとうございます。

ブラウザはIEを使っています。

バージョンも6なので問題ないと思います。

色々やってみましたら解決しました。

お恥ずかしい話しですが、プレビューを見ている

IEの設定に問題があったようです。

色々とお世話になりました。ありがとうございました。

2006/02/24 02:11:30

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません