• 締切済み

javascriptでCSSを書き換える際の記述

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

みんなの回答

回答No.2

たぶん、jquery使ってるんですよね？ .css( 'opacity', '0' ); はie6でも動くようです。 下記コードはie6で動作したことを確認できました。 ---------------------------------------------- <!DOCTYPE HTML> <html lang="ja"> <meta charset="utf-8"> <head> <title> test </title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> </head> <body> <p>ああああああああああああああああああ</p> <script type="text/javascript"> $('p').mouseenter(function() { $(this).css( 'opacity', '0' ); }) .mouseleave(function() { $(this).css( 'opacity', '1' ); }); </script> </body> </html>

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

// IE用 　element.style.filter = "alpha(opacity=0)"; とか。 そのまま記述しても、他のブラウザでは無視されるはず。 きちんと書き分けるなら、ブラウザによって分岐するか条件付コンパイルなどを。 ご参考までに http://hkom.blog1.fc2.com/blog-entry-499.html

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

関連するQ&A

  • css box 背景画像透過表示させる

    cssboxで枠を作っています。メインボックスにbodyで指定した背景を透過して入れたいと思っています。こんなcssを使ってみましたが背景どころか全て薄くなってしまいました。 filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;

    • ベストアンサー
    • CSS
  • 透過背景を解除するにはどうすればいいのでしょうか？

    透過背景を解除するにはどうすればいいのでしょうか？ filterとopacityを使って背景色を透過したdivがあります このdivの一部で透過を解除したいのですがどうすればいいのでしょうか？ コードは以下のようなイメージです ---------- ■ HTML <div class="sample1"> ・・・←ここは透過 <div class="sample2"> ・・・←ここは透過にしたくない </div> ・・・ </div> ■ CSS .sample1 { ・・・ opacity: 0.6; ←火狐他用 filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60); ←IE用 } .sample2 { ここに記述する内容が知りたい } ---------- やってみてダメだった方法 ・opacity: 1 ・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100); ・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=0,Style=0,Opacity=60); ・sample2に新しい背景色を指定する ・sample2に新しい背景画像を指定する ご存知の方いましたら、よろしくお願いします！

    • ベストアンサー
    • HTML
  • cssで文字背景を透明化できますか？

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

  • 透過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
  • CSSでテーブルの背景のみを透過させる方法

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

  • 透かしをいれるCSS

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

    • ベストアンサー
    • CSS
  • 各ブラウザにおいて、表示できるCSSとできないCSS

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

    • ベストアンサー
    • HTML
  • 背景画像を反転させる方法

    背景画像を反転させる方法 いつもお世話になっています。 今、趣味のサイトの再構築に伴い、ネットや本を見ながら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以外でのブラウザで反映されるか否か 　　また反映されないのなら、対応させる方法はあるのかどうか と言うことです。 １と２、分かる方だけでも結構ですのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • ＨＴＭＬ・ＣＳＳ・背景画像半透明化

    body背景画像を活かしつつ、もう一枚の画像を前に持ってきて、透けさる 方法 皆様お忙しい中、申し訳ございません。 今、ホームページを作成中でして、body背景に画像を持ってきて、その上に 文章を持ってきたら文章がはっきりしないので、背景画像を活かしつつ文章の前に半透明化の＃000000を７０％位の濃さで残し、これはたぶんＦＬＡＳＨだと思いますが、この様な感じで、（黒い透けた真ん中画像） http://store.honeyee.com/製作したいと思っております。 （ＨＴＭＬ、ＣＳＳで） ＣＳＳではこの様な形でやってみたんですが、bodyより上の画像がすべてすけてしまいレイアウトできませんでした。 filter:alpha(opacity=43); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; ＧＩＦ、ＰＮＧの文字周りの透過ではなく一枚のイメージの透過を教えて 下さい。 宜しくお願い致します。

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

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

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する