• ベストアンサー

一部CSSを無効にする

数ページのテーブルをcssファイルを使って半透明化させ背景が薄く見えるようにしています。 そこでテーブル自体だけでなくテーブル内の画像や文字も半透明化されるのですが、あるページのテーブル内にある数枚の画像のみを半透明化したくない場合、どのように書けば良いですか? CSSはあまり、というか全く詳しくなくて、idやclassというのも調べてみたのですが、 目的のものに辿りつけず…困っています。宜しくお願いします。

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

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

  • ベストアンサー
noname#14464
noname#14464
回答No.1

 とりあえず下記サイトは読まれましたか?下記は比較的わかりやすく説明していると思います。

参考URL:
http://www.tohoho-web.com/css/basic.htm
iori37
質問者

お礼

無事解決できました。cssファイルで table{filter:Alpha(opacity=70); と指定していたので、 <img src="xxx.png" style="filter:none;"> とすると、思い通りに表示することができました。 とほほを見るまで、idとかclassとかいう考えしか出てこず、 <img style=~ というやり方をすっかり忘れていました… 回答ありがとうございました。

関連するQ&A

  • cssで直接「お知らせ」を各htmlに表示させたい

    現在、ホームページの各上部にヘッダーがあり、 cssで背景画像として指定しています。 (この背景画像自体にタイトルロゴなどを入れて作っています) ですので、季節ごとにタイトルロゴ入りの背景画像を変更しているのですが、 画像を同じ名前にしてアップすれば勝手に前ページのタイトルがかわる感じです。 今回、季節ごとの変更ではなく、臨時のお知らせなどを全ページの上部に一度に出せないかを考えています。 この背景画像に文字を書き込んでアップすれば可能なのですが、 できれば画像処理ソフトでの作業をはぶきたいので、 cssでこの画像にレイヤー的に文字を被せたいのです。 そして、できればその被せる文字をcss自体に記述したい。 (でないとフレームを使用していないので各ページ全ての上部にお知らせを書かなくてはならない) そのようなことは可能でしょうか。

    • ベストアンサー
    • CSS
  • CSSファイルが見当らないclass名があり、しかもCSSが効いています。どこにあるんでしょうか?

    tableのtdやthの背景にうまく画像が入っていてうまいつくりがあったので、方法を調べようとしてソースを見て、CSSファイルを調べるのですが、該当のclass名が検索しても存在しないのです。こんなこと初めてです。 なのにちゃんとCSSは効いています。HTMLソースには記述という記述がないので、どう考えても外部スタイルシートとしか思えないのですが・・・ JavaScriptで操作しているのか?と思ってそのあたりも見はしたのですがわかりませんでした。 以下のURLです。 ※ちなみに「比べてください!圧倒的なコストパフォーマンス」というところの表のように、背景画像や2ピクセルでの区切り線、tdやthによって背景画像や色を変更している手法などを知りたいものです。 http://www.rensaba.com/campaign/ocssl/ とりあえず、tableタグにある「class="comparison"」が見当たらないのです。 このソースにかかれてあるCSSファイルは複数ありますが、全て検索かけてみたのですがひとつも出てきませんでした・・・・ この表の作り方だけでなく、いったいどうやって効かせているのかも知りたいです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSS 画像の配置について

    http://www.handmc.jp/pc/index.html こちらのページにある メインの写真が2枚 バック画像の上に並べられていますが これをCSSで配置するにはどうしたらよいでしょうか? 背景のグレーのグラデーションもあるので 写真の上に写真を並べているように見えます 今までのテーブルであれば簡単なのですが 沢山本を買ったり WEBで調べていますが  画像配置の方法が文字の回り込みのものばかりで  このページのように画像背景の上に  さらに画像背景を配置する方法を知りたいと思っております  お手数ですがどなたがご教授お願いします

    • ベストアンサー
    • HTML
  • CSSで画像表示のやり方を教えてください

    初めまして、CSSを少し勉強中なんですが、文字の背景に画像を張りたいんですがうまくいかないので教えていただけないでしょうか? 今の状態はこんな感じです。 間違っていますか? HTMLファイル <TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD> CSSファイル div.menu1 { background-img : url(object.gif); } この二つのファイルを使っているんですが画像が表示されなくて困ってます。教えていただけるとうれしいです。 ご迷惑おかけしますがよろしくお願いします。

  • CSSレイアウトの中にテーブルのような使い方でCSSを入れ子にする方法で質問です。

    テーブルを一切つかわないでサイトを作成したいと思っていて、 現在CSSで2カラムのレイアウトをしています。 困っているのが、 ページの下部に”前のページ HOME 後ろのページ” という風に横に3つならべたいと思っています。 テーブルであれば簡単にできることなのですが、 それをCSSでできないかと思っております。 そこで外部CSSに .table{ width: 10px ; background-color: #ffffff; margin: 5px; border: solid 0px ; padding: 0.5em; } と記述し、HTML部分に <p><span class="table">前のページ</span> <span class="table">HOME</span> <span class="table">後ろのページ</span></p> という風に記述してみたのですが、 文字を打っていくとどんどんよこに伸びて、横幅を指定している意味がないような感じです。 私のようなCSSの使い方をしたい場合はどのように記述すればよろしいのでしょうか?

    • ベストアンサー
    • HTML
  • cssのidとclassの違いについて

    cssのidとclassの違いについて ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか? 独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。 もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。

    • ベストアンサー
    • HTML
  • CSSを無効に出来ますでしょうか?

    よろしくお願いします。 サイト内で、ある一部のページのみにCSSをON/OFFに切り替えれる ボタン?を設置しようとしているのですが、色々とサンプルなどを 探して設置してみるのですがうまくいきません・・・。 CSSの定義自体、何か特殊な方法で切り替える場合には指定を 行わないといけませんでしょうか? どなたか、これを実現できる方いらっしゃいましたら アドバイスいただけると助かります。 よろしくお願いいたします。

  • CSSの@importから一部のスタイルが読み込めない・・・。

    CSS外部ファイルから、一部のスタイルだけが適応されず困っています。 以下のスタイルをテーブルに適応させたいのです。 【スタイル(index.css)】 table.test{ background-color: #ffcc66; } table.test td{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; } 【以下のタグに適応】 <table cellspacing="0" cellpadding="0" class="test"> <tr> <td>AAA</td> </tr> <tr> <td>BBB</td> </tr> <tr> <td>CCC</td> </tr> </table> 【スタイル入力先】index.css 【読み込み方式】<link>によるbase.cssからの@import <link rel="stylesheet" type="text/css" href="css/base.css"> 更に、base.cssから@importでindex.cssを読み込んでいる環境です。 【OS】windowsXP 【ブラウザ】IE6 ******************** 適応されるとテーブルの背景がオレンジ色になり、 テーブルの「AAA」「BBB」「CCC」に点線のアンダーラインが表示されます。 しかし、テーブルの背景はオレンジになるのですが、table.test td{}のスタイルだけ適応されません…。 他のindex.css内にあるタグは正常に読み込まれ適応されています。 (※ちなみに拡張子はPHPです。HTMLではありません) 色々試すと以下の事が判明しました。 □直接タグにスタイルを入力すると全て適応される □<head></head>内にスタイルを入力し、Class指定しても全て適応される □試しに、base.cssに入力するとスタイルが正常に全て適応される ■しかし、index.cssにスタイル入力するとtable.test td{}のみ適応されない なぜ外部CSSファイル(@importからのCSSファイル)から適応されないのでしょうか? PHPなのが原因だったりもするのでしょうか…。 ご助力お願いします。

    • ベストアンサー
    • HTML
  • 一部ページのtableのボーダーをCSSで消す方法。

    一部ページのtableのボーダーをCSSで消す方法。 あるページのtableだけボーダーを消したいと思い、 そのページの<table></table> を <div class="item"></div> で囲い以下のようにCSS側に書き込みました。 .item table,th,td{ border:none } が、この命令が<div class="item"></div>で囲まれていない全ページに適応されてしまい、全てのtable要素のボーダーが消えてしまいます。。 所定のページのtable要素のボーダーのみの消し方を教えて頂けないでしょうか? CSS側の記述する順番にも影響があるのでしょうか? 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSSを適用…させない!

    ちは! さてさて~スタイルシートで、たとえばページ内のtableすべてにスタイルシートを適用させるため書くのは TABLE{ うんぬん } ですが!この状態で、ページ内の数個のtableにはこの「うんぬん」を適用させたくない! だからって、適用させたいtableにclassを設定しテクノは面倒だ! そこで!、適用させたくない数個のtableに、「TABLE」に対してのstyleは適用させない!っていうclassを書く。 そんなCSSありますか?(わかりにく・・・い・・・) とりあえず、「ここは適用しなくていいよ」っていうCSSありませんかね?探してもないものはないんでしょうか・・・

    • ベストアンサー
    • CSS

専門家に質問してみよう