人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

●質問者: keito0614
●カテゴリ:ウェブ制作
✍キーワード:Alpha Dreamweaver スタイルシート セル タグ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● honey_orange
●20ポイント

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


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

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

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

Operaでは透けませんでした

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

◎質問者からの返答

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

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

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

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

 

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


2 ● berryberry_com
●20ポイント

http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/filter/...

Alpha - CSS Dencitie

参考ページの透過は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のため、それ前後のことははっきり言えないのですが・・・

◎質問者からの返答

cssスタイル定義ですね。

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


3 ● KIROW
●20ポイント

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

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

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


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

◎質問者からの返答

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

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

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

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

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

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

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

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


4 ● crossingpoint
●20ポイント

http://mizugane.kuronowish.com/log/2005/03/opacity/

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


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

質問の書き方であれば、

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

でどうでしょうか。

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

◎質問者からの返答

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

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

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

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ