各ブラウザにおいて、表示できるCSSとできないCSS

2023/10/14 22:31

このQ&Aのポイント

各ブラウザにおいて、表示できるCSSとできないCSSについて調査しています。
特定のCSSがIE以外のブラウザで効果が適用されない場合、他のブラウザにも効果を適用させる方法について教えてください。
お知恵をお持ちの方がいらっしゃいましたら、アドバイスをお願いします。

ベストアンサー

各ブラウザにおいて、表示できるCSSとできないCSS

2007/09/15 15:49

こんにちは。はじまして。現在ブログを製作しております。先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったＣＳＳを見つけ早速ブログのデザインに生かしてみようと導入しました。ＩＥでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか？これはIEのみ表示できるCSSだと解釈するべきなのでしょうか？ご存知の方がおられましたら、教えていただけると幸いです。よろしくおねがいします

noname#50212

HTML
回答数3
ありがとう数0

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

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

ベストアンサー

noname#39970

2007/09/15 16:07 回答No.1

>これはIEのみ表示できるCSSだと解釈するべきなのでしょうか？その通り。擬似的なやりかたは幾つかあるかもしれないけれど。 http://www.tohoho-web.com/css/support.htm

その他の回答 (2)

skycolor
ベストアンサー率37% (3/8)

2007/09/16 21:08 回答No.3

それはCSSハックという手法で回避しましょう。 http://blog.worldending.jp/archives/2006/07/css.php http://www.seo-equation.com/html/css/css_hack 等々。調べればたくさん出てきます。ご参考までに。

dezimac
ベストアンサー率56% (2365/4208)

2007/09/15 16:12 回答No.2

filter:alphaはWindows版IEでしか通用しません。半透明にするだけなら、下記のようにすればFirefoxやSafariでもできます。（透明度50%の設定） ----- filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -----

関連するQ&A

CSSで背景にグラデーション
お世話になります。 CSSを用いて背景にグラデーションをかけようと苦心しています。 filter:alpha(opacity=100, finishopacity=0, style=1); で、グラデーションはかかるのですが、そのタグ内の文字までグラデーションがかかってしまいます。また、この方法ですと、Firefoxでは、グラデーションがかかりません。 Yahooのページ http://www.yahoo.co.jp/ では、背景画像を使わないでグラデーションをかけていると思うのですが、どのようにすればこのようなことができるのでしょうか。よろしくお願いいたします。
- ベストアンサー
- HTML
透かしをいれるCSS
CSSを勉強していますが、分からないことがあります。画像に透かしをいれたいと思い下記のCSSを書いたのですが、ブラウザによって表示が違います。 Firefoxでは表示できるのですが、IE8以降では表示できないのですが、何が問題なのかわかりません。 opacity: 0.8; filter: alpha(opacity=80); /* IE6、IE7対応 */ -moz-opacity: 0.8; /* Firefox1.5以前対応 */ 分かる方おられましたらお手数ですが宜しくお願いします。
- ベストアンサー
- CSS
javascriptでCSSを書き換える際の記述
javascriptのイベントで背景を透明化するため .css("opacity","0") としていたのですが、ＩＥだけうまく透過しませんでしたそこでＩＥ用に filter: alpha( opacity=0) を適用するように書き足したいのですがどうもうまくいきませんどのように記述すればよいでしょうか？
- 締切済み
- JavaScript
Ａｌｐｈａフィルタについて
　こんにちは。質問させてください。現在、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
chromeのcss位置ズレについて
CSSのpositionで画像を上にかぶせて表示させています。そこでIE,firefoxはOKなのですがchromeだけ15pxぐらい下にずれてしまいます。下記の２つのハックを使った場合、display:noneだと反映されたのですが positionにすると何も反映しなくなります。ハックはpositionには効かない、などあるのでしょうか？どなたか教えていただけますでしょうか。よろしくお願いいたします。 ----------------------- body:nth-of-type(1) #selector { position : absolute;top:960px;left:0px;filter: alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; } ----------------------- @media screen and (-webkit-min-device-pixel-ratio:0){ #selector { position : absolute;top:960px;left:0px;filter: alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; } }
- ベストアンサー
- CSS
cssで文字背景を透明化できますか？
cssで文字背景を透明化できますか？文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、わかりません・・。「-moz-opacity:50；」とか「filter:alpha(opacity=50)；」などで色の透明効果を出せるとありましたが、ソースをどう記述すればいいのかわかりません。よろしくお願いしますm(_ _)m
- ベストアンサー
- その他（インターネット・Webサービス）
外部CSSです。テーブルにスタイルを適用したいのですが・・・。
ほとんど初心者です。 filter:Alpha(opacity=75)で、半透明にしたいんです。個別に設定するところまではできたのですが、外部CSSの方に記述する際、どうしたらいいのかがわかりません。 table,td,th{ font-size : 12px; style="filter:Alpha(opacity=75)"; } と、まずはやってみたのですが間違っているようで＾＾；一応、普通のテーブルとは分けたいので ”table75”と、名前をつけたいのですが、可能でしょうか？どう記述したらいいか、どうかアドバイスお願い致します！
- ベストアンサー
- HTML
css box 背景画像透過表示させる
cssboxで枠を作っています。メインボックスにbodyで指定した背景を透過して入れたいと思っています。こんなcssを使ってみましたが背景どころか全て薄くなってしまいました。 filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;
- ベストアンサー
- CSS
透過pngとie6について
ウェブの職業訓練に通っております。現在課題製作中で、透過pngもしくはcssのアルファ？記述で画像を透明にしようと思っています。色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。また、unitpngfix.jsへのリンクも貼りました。自分のパソコン（mac,safari）ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。彼のパソコン（win,IE6.6）で見たところ、どちらかがきいていません。が、透過はされています。（不透明にはなっていないです。）結果的には、どっちかがきけばOKなのですが、この状態で大丈夫でしょうか？全てのブラウザに対応出来ますか？よろしくお願い致します。
- 締切済み
- CSS
tableを半透明にする件
tableを個別に透明にする設定などはわかったのですがテーブルの中身の文字や画像まで透明になるのを防ぐ方法はないでしょうか？返信お待ちしています。 <STYLE TYPE="text/css">  個別に下記タグで透明度を設定しています。 </STYLE> style="filter:Alpha(opacity=50);"
- ベストアンサー
- JavaScript