• ベストアンサー

CSSの質問です。

テーブル等を薄くするのに、「alpha」を使って薄くします。 （※.table{color:#ff0000;filter:alpha(opacity=80);z-index:2;}をクラスタグを用いてテーブル内で使用） そうすると、テーブル上に書いた文字まで薄くなってしまいます。 これはもうどうしようもないのでしょうか？ ＊説明不足でしたらまた追記させていただきます＾＾；

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

セルの内容をposition:relativeを指定したブロックに入れると文字へのfilter効果がなくなります。 例 <td><div style="position:relative">文字</div></td>

bennie_777
質問者

お礼

出来ました、有難うございました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • cssで文字背景を透明化できますか？

    cssで文字背景を透明化できますか？ 文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、 わかりません・・。 「-moz-opacity:50；」とか「filter:alpha(opacity=50)；」などで色の透明効果を 出せるとありましたが、ソースをどう記述すればいいのかわかりません。 よろしくお願いしますm(_ _)m

  • CSSでテーブルの背景のみを透過させる方法

    filter:alpha(opacity=80)を使って設定しているんですが、 文字・画像・枠線まで全て透過されてしまいます。 テーブルの背景のみを透過させるには、どうすればいいでしょうか？ アドバイスよろしくお願いします。

  • 外部CSSです。テーブルにスタイルを適用したいのですが・・・。

    ほとんど初心者です。 filter:Alpha(opacity=75)で、半透明にしたいんです。 個別に設定するところまではできたのですが、 外部CSSの方に記述する際、どうしたらいいのかがわかりません。 table,td,th{ font-size : 12px; style="filter:Alpha(opacity=75)"; } と、まずはやってみたのですが間違っているようで＾＾； 一応、普通のテーブルとは分けたいので ”table75”と、名前をつけたいのですが、可能でしょうか？ どう記述したらいいか、どうかアドバイスお願い致します！

    • ベストアンサー
    • HTML
  • オーバーレイについての質問です。

    オーバーレイについての質問です。 #overlay { position: absolute; top: 0; left: 0; width:100%; height: 100%; min-height: 100px; background: #000; z-index: 500; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; } 上のようなスタイルでオーバーレイを使用しているのですが、 スクロールでするとどうしても下が切れてしまいます。 解決策を教えて下さい。よろしくお願いします。

  • CSSの背景を半透明

    http://www.tacky.cc/program/htm_tips/html/style01a.htmのサイトからサンプル抽出して、色々手を加えていますが、 よく分からなくなってしまいました。そこで質問ですが、下記のプログラムでわからない事があります イメージとしては、アップルの場所は忘れましたが、透明の画像が、3.4重に重なっている感じにしたいと思っています。 <HTML><HEAD> <STYLE TYPE="text/css"> <!-- DIV.sample01 { background-color:#000000; position:relative; top:-70px; right:-00px; height:20px; width:1100px; filter:Alpha(opacity=50); z-index:0; color:#000000; font-size:x-small; padding:3px;} } DIV.sample02 { background-color:#ffffff; position:relative; top:-1100px; right:-100px; height:-100px; width:250px; filter:Alpha(opacity=60); z-index:2; color:#ffffff; font-size:x-small; padding:3px;} } <!--ここから黒の色--> DIV.sample03 { background-color:#2E2921; position:relative; top:-500px; right:-100px; height:300px; width:500px; filter:Alpha(opacity=60); z-index:3; color:#ffffff; font-size:x-small; padding:3px;} } <!--ここまで黒の色--> DIV.sample04 { background-color:#F7CE71; position:relative; top:3000px; right:-10px; height:180px; width:200px; filter:Alpha(opacity=40); z-index:1; color:#000000; font-size:x-small; padding:3px;} } --> --> </STYLE></HEAD> <BODY> <BASEFONT SIZE="2"> <table><tr><td> <DIV CLASS="sample01"> <DIV CLASS="sample02"> <DIV CLASS="sample03"> <DIV CLASS="sample04"> </table></td></tr> </BODY></HTML> このようなプログラムにしましたが、何も表示されなくなってしまいました。 原因はpositionの指定が悪いと思います（pxを変更後おかしくなりました）で、「top:*px;」「right:*px;」 「height:*px;」「width:*px;」の意味がわかりません。高さや長さというのはわかりますが、 それから、「DIV.sample*」の中に「background-color:#F7CE71;」があるのに、さらに「color:#000000;」の二つある 意味がわかりません。サンプルをコピーして、手を加えたので、理解していない部分があるので、参考になる アドバイスお願いします。

    • ベストアンサー
    • HTML
  • tableを半透明にする件

    tableを個別に透明にする設定などはわかったのですがテーブルの中身 の文字や画像まで透明になるのを防ぐ方法はないでしょうか？ 返信お待ちしています。 <STYLE TYPE="text/css"> <!-- TABLE{filter:Alpha(opacity=50);} --> 個別に下記タグで透明度を設定しています。 </STYLE> style="filter:Alpha(opacity=50);"

  • このCSSの番号部分、解説して下さい！

    a:hover img{ opacity:0.5;--------------(1) -moz-opacity:0.5; --------------(2) filter:alpha(opacity = 50);}--------(3) opacityは透明度らしいですが、どうして(1)～(3)の三つも書く必要があるのでしょうか？ 検索しても解りませんでした・・ 宜しくお願いします。

  • レイヤーを背景だけ透過させたい

    お世話になります。 レイヤーを背景だけ透過させたく、質問させていただきます。 レイヤーを透過させたい場合、よくスタイルシートのfilterが使われると思います。 たとえば <div style="width:100; height:20; color:#ff0000; background-color:#0000ff; filter:Alpha(opacity=60);"> フィルター適応</div> のようにすると、レイヤー全体が透過されます。 しかし、今回やりたいのは、背景のみが透過し、文字は透過させたくありません。 1つ考えた方法として、 <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; background-color:#0000ff; filter:Alpha(opacity=60);"> </div> <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; color:#ff0000;"> フィルター適応 </div> のように、無理やりレイヤーを2つ重ねて表示できないこともないのですが、もっとスマートな方法はないでしょうか。 ご存知の方がいらっしゃいましたら、ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの背景を透過する方法

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

    • ベストアンサー
    • HTML
  • javascriptでCSSを書き換える際の記述

    javascriptのイベントで背景を透明化するため .css("opacity","0") としていたのですが、ＩＥだけうまく透過しませんでした そこでＩＥ用に filter: alpha( opacity=0) を適用するように書き足したいのですが どうもうまくいきません どのように記述すればよいでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する