締切済み

filter:alphaを一部無効にする方法ってないでしょうか？

2005/05/08 05:18

CSSのfilter : alphaで半透明にしたテーブルの中に画像を表示させようと思っています。でもそうするとその画像まで半透明で表示されますよね。画像によってはとても見えにくくなってしまうので、画像部分だけfilter : alphaを無効にしたいのですが、不可能なのでしょうか？

raynya
お礼率81% (47/58)

レンタルサーバ・ASP
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

みんなの回答

mousengoke
ベストアンサー率50% (197/388)

2005/05/08 05:39 回答No.1

単純にその画像に filter:alpha(Opacity=100); をしていすればいいのでは？

質問者

お礼 2005/05/08 15:51

回答有難うございます。やってみたのですが、背景が透けてしまいます…。

関連するQ&A

Ａｌｐｈａフィルタについて

　こんにちは。質問させてください。現在、alphaフィルタを使って、画像の背景を半透明にしたいと思っているのですが、どうしてもできません。（確認はie6.0でも5.5でも行っています）ソースはタグ辞典を見ながら、下のようなものを組みました。どこか間違っているでしょうか？お教え頂ければうれしいです。よろしくお願い致します！ <html> <head> <meta http-equiv="Content-STYLE-Type" content="text/css; charset=Shift_JIS"> <title>無題ドキュメント</title> <style type="text/css">  </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <img src="/jsg41044.jpg" width="700" height="466" class="alpha2"> </body> </html>
一部CSSを無効にする

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

画像をボタンを押すことで、通常画像→半透明→透明→繰り返し・・といったことをしてみたいのですが、ＣＳＳのＦｉｌｔｅｒの「Ａｌｐｈａ」を使えばいいのでは・・・というところまでは来ているのですが、ＪａｖａＳｃｒｉｐｔでの記述方法がよく分かりません。ＨＴＭＬでの記述もよく分からないので、どちらかでも結構です。よろしければ、どうぞ宜しくお願いします。
tableを半透明にする件

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

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

CSSのfilterプロパティで背景色だけでなくテキストまで透明化されてしまいます。以下のように親divの中に子divを造り、その子divにテキストを入力し、親divに設定した背景画像が子divに透き通って見えるように子divにfilterプロパティを設定しました。子divの背景色（白）が透明化され親divの背景画像が見えるようになったのはいいのですが、背景色（白）だけでなくテキスト文字まで透明化されてしまいます。テキスト文字だけ透明化されないように設定したいです。ブラウザチェック：windows IE 8　です。 ******************************************************* 【XHTML】 <div class="test1"><div class="test2">テキスト</div></div> 【ＣＳＳ】 .test1{ width:300px; height:300px; background-image:url("image.jpg"); } .test2{ width:150px; height:50px; background-color:#ffffff; filter:alpha(opacity=30);　←背景色（白）が透明ぽくなるように設定 } ******************************************************* テキスト文字まで透明化されるので、さらにそのテキストをpタグで囲ってみましたが、それでもテキストが透明化されている（親divのfilterがpタグまで継承されているから？）ので pタグにfilterプロパティで不透明を１００に戻すような設定をしてみましたが適用されません。 *************************　【変更後】　*********************** 【XHTML】 <div class="test1"><div class="test2">テキスト</div></div> 【ＣＳＳ】 .test1{ width:300px; height:300px; background-image:url("image.jpg"); } .test2{ width:150px; height:50px; background-color:#ffffff; filter:alpha(opacity=30);　←背景色（白）が透明ぽくなるように設定 } p { filter:alpha(opacity=100); ←テキスト文字まで透明化されるのでpタグで囲って不透明１００に設定 } ******************************************************* ご指導のほどよろしくお願いします。
filter内の画像を透過させない方法

いつもお世話になっています。 filter内に位置する画像を透過させない方法を教えて下さい。背景画像を上下左右に敷き詰めた場合、文字がが読みにくくなるのでfilterを使用しています。しかしながらこの方法ではロゴや写真など透過させたくない画像までfilterがかかってしまいます。自分でも試行錯誤を繰り返してみました。 filter効果を設定してあるdivを新しいdivで囲んで画像をpositionで指定してみたところ、IEではロゴが透過しませんでしたが、Firefoxではやはり透過されていました。 IEはcssなどの解釈がかなりいい加減と聞いていますので、Firefoxの表示を信用した方がいいように思われます。 Firefoxなど他のブラウザでも画像を透過させない方法はあるのでしょうか？ご存知の方、いらっしゃいましたら教えて下さい。参考のため、ソースを下記に貼っておきます。 htmlやcssに関しては本やwebで検索しながら勉強中ですので、根本的な勘違い等あるかもしれません。 HTML部分 <body> <div id="page"> <h1><img src="image/logo.jpg" width="217" height="43" alt="My Web Site" /></h1> <div id="contents"> <div id="main"> <p>---本文---</p> </div> </div> </div> </body> css部分 div#page { width: 720px; margin-right: auto; margin-left: auto; padding: 0; position: relative; } div#page h1 { position: absolute; top: 50px; left: 251px; } div#contents { width: 720px; margin: 0 auto; padding: 0; text-align: left; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } div#main { width: 680px; margin: 0 auto; padding: 100px 20px 0 20px; }
背景画像を反転させる方法

背景画像を反転させる方法いつもお世話になっています。今、趣味のサイトの再構築に伴い、ネットや本を見ながらHTMLとCSSについて勉強中です。そこでcssの記述について教えて頂きたいのです。背景の画像を右下に固定する場合、cssの記述は、 body{ background-image:url("×××.gif"); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom; } としますよね？後、cssで画像を左右反転させる場合は、classでfilter: fliph()を使えばいいとわかりました。ではこの反転させた画像を背景に使いたい場合、どうすればいいのでしょう？そもそもそのようなことが可能なのでしょうか？もし可能でしたら具体的にどのような記述をすればいいのか教えて頂きたいのです。それとfilterはIE独特の要素と聞いていますが、filter: fliphもそうなのでしょうか？しかしながらfilter: alphaに関しては filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; と記述すればFirefoxなどでも透明効果が出るようです。 filter: fliphもIE独特の要素ならばfilter: alphaのように他のブラウザでも対応させる方法があるのでしょうか？長々と書いてしまいましたが、知りたいことを要約すると１．cssで画像を反転させ、それを背景画像に使うことは可能か否か　　可能ならばどう記述すればよいのか２．filter: fliphで画像を反転させた場合、IE以外でのブラウザで反映されるか否か　　また反映されないのなら、対応させる方法はあるのかどうかと言うことです。１と２、分かる方だけでも結構ですのでよろしくお願いします。
cssのalphaついて

サイト作成について質問です。 CSSでtdにalphaをかけると中に在る文字まで薄くなってしまいます。背景色のみ薄くして文字色はそのままにすることはできないのでしょうか？探してみてもこの質問は見あたらなかったのですがもし既出であったら申し訳ございません。
CSS Validatorでfilterをエラーにさせないためには

サイトのスタイルシートでfilterを指定しています。これをW3CのCSS Validator（http://jigsaw.w3.org/css-validator/）でチェックすると、filterの部分がエラーとなってしまいます。 filterの指定は　　filter: DropShadow(color=gray,offX=1,offY=1); としており、エラーは　　Parse Error - color=gray,offX=1,offY=1) と表示されます。これをエラーが出ないように指定するには、どのようにしたらよいのでしょうか。
CSSのFilter:shadowをFireFoxで表示する方法

CSSでfilter: shadow(color=#3F1501,direction=135); と表示し、画像にドロップシャドウをつけています。 IEではちゃんと表示されるのですが、 FireFoxでは表示されません。 FireFoxでIEと同じように表示させる方法をご存知の方、ご教授下さい！！！
半透明のテーブル

<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が適用されてしまい、半透明になってしまいます。何とかしてテーブルの部分だけを半透明にするいい方法はないですか？誰か知っていたら教えてください。お願いします。
DHTMLのFilterについて

画像を徐々に透明化しようと filterのalphaの値を変更しようとランタイムエラーが出てしまいました私のパソコンはIE5.5のSP2では正常に動作しましたが、 IE6.0のパソコンでは先のエラーが出てしまいました。記述に間違いはないと思います。原因がわからず困っております。 IE6.0ではIE5.5と同じように記述できないのでしょうか？もしも、原因がわかるからいらっしゃいましたらお願いしますまた、filterはIE6.0でも使用できるのでしょうか？あわせて教えてください。ソースの内容 function shoki(){ document.all.MAIL.filters.alpha.opacity=0; } <BODY onLoad=\"shoki()\" text=\"#FFAAFF\"> <DIV id=\"MAIL\" style=\"position:absolute; top:140px;left:2100px; width:450px;height:10px; visibility:visible; color:white; background-color:black; font-size:14pt; font-family:\'HG丸ゴシックM-PRO\'; filter:shadow(color=#445566,direction=125) blur() alpha(style=0); \"> メリークリスマス<BR> </DIV> 一応必要と思われるところを抜粋しました
この頁のやり方を教えてください。

http://kibosh30.o-oku.jp/top.htm 背景画像の上に、テーブルを入れてそのテーブルにFILTER: Alpha(opacity=75);がかかっていることはわかったのですが、どうやってそのテーブルの中にコンテンツが入っているのかわかりません。
CSSでテーブルの背景のみを透過させる方法

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

CSSを一部無効にしたい今HTML4.01 Transitionalを使用してページを作成しているのですが、外部cssで、以下のような全体にかかるスタイルを適用しています。 * { border:0 none silver; font-style:normal; font-weight:normal; } このなかのborder: 0 none silver　だけをその外部のcssをいじることなく、html上で無効にしたいのです。 HTMLの方でstyleを使うことで上書きすることは可能なのですが、無効にするだけのやり方が分からず、質問させていただきました。よろしくお願いします。（カテゴリを間違えていたため再投稿させて頂きました）
Dreamweaver Spryメニュー　半透明　IE

Dreamweaver CS4を使用しています。Spryメニューを設置してるのですが、IEでメニューを半透明に表示させられません。Firefox,Chromeなどでは大丈夫なのですが・・・ CSSに次のように記入しています。＝＝＝＝＝＝＝＝＝＝＝ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #89b1f4; padding: 0.5em 0.75em; color:#000; text-decoration: none; filter:alpha (opacity=80); -moz-opacity:0.8; opacity:0.8; } ＝＝＝＝＝＝＝＝＝＝ filter:alpha (opacity=80); この部分がIEで半透明にさせるはずなのですが、IE上では確かに透明になっていますが、背景が黒く表示され、不透明度０にすると真っ黒になってしまいます。また別のところに設置したやつでは、背景色は白になっていました。今のところは不透明度１００にして使用していますが、半透明にしたいです。下のほうに画像などがあった場合でも、それが薄く表示されたりせず、背景色になってしまうようです。解決方法があれば教えてください。
テーブルの背景を透過する方法

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

tableの背景を白くして、alphaフィルターで背景画像をtableに半透明で映しています。一マスの大きなセルに文章や画像を入れたいのですが、中に貼り付ける画像は普通に表示させたいのです。文字は透過しても良いです。 tableの背景のみを半透明にして画像はちゃんと表示するという方法はありますか？ http://oshiete1.goo.ne.jp/kotaeru.php3?q=677303 の質問で見たテーブルを二つ重ねる方法でも、文字は透過しないのに画像だけ半透明になってしまいます。どなたか教えて下さいませ。
透かしをいれるCSS

CSSを勉強していますが、分からないことがあります。画像に透かしをいれたいと思い下記のCSSを書いたのですが、ブラウザによって表示が違います。 Firefoxでは表示できるのですが、IE8以降では表示できないのですが、何が問題なのかわかりません。 opacity: 0.8; filter: alpha(opacity=80); /* IE6、IE7対応 */ -moz-opacity: 0.8; /* Firefox1.5以前対応 */ 分かる方おられましたらお手数ですが宜しくお願いします。

filter:alphaを一部無効にする方法ってないでしょうか？

みんなの回答

お礼 2005/05/08 15:51

関連するQ&A

Ａｌｐｈａフィルタについて

一部CSSを無効にする

ＪａｖａＳｃｒｉｐｔでＩＥの半透明機能の設定方法

tableを半透明にする件

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

CSSのfilterでテキストまで透明化される

filter内の画像を透過させない方法

背景画像を反転させる方法

cssのalphaついて

CSS Validatorでfilterをエラーにさせないためには

CSSのFilter:shadowをFireFoxで表示する方法

半透明のテーブル

DHTMLのFilterについて

この頁のやり方を教えてください。

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

CSSを一部無効にしたい

Dreamweaver Spryメニュー　半透明　IE

テーブルの背景を透過する方法

半透明のtable、画像は透過したくない

透かしをいれるCSS

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

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

filter:alphaを一部無効にする方法ってないでしょうか？

みんなの回答

お礼 2005/05/08 15:51

関連するQ&A

Ａｌｐｈａフィルタについて

一部CSSを無効にする

ＪａｖａＳｃｒｉｐｔでＩＥの半透明機能の設定方法

tableを半透明にする件

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

CSSのfilterでテキストまで透明化される

filter内の画像を透過させない方法

背景画像を反転させる方法

cssのalphaついて

CSS Validatorでfilterをエラーにさせないためには

CSSのFilter:shadowをFireFoxで表示する方法

半透明のテーブル

DHTMLのFilterについて

この頁のやり方を教えてください。

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

CSSを一部無効にしたい

Dreamweaver Spryメニュー 半透明 IE

テーブルの背景を透過する方法

半透明のtable、画像は透過したくない

透かしをいれるCSS

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

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

Dreamweaver Spryメニュー　半透明　IE

カテゴリ
一覧

専門家に質問してみよう
専門家登録