• ベストアンサー

前回は

前回は FlashコンテンツのせいでJavascriptのプルダウンメニューが隠れて表示されません。 というお題で質問致しました。 これは <param name="wmode" value="opaque" />とembedにwmode="transparent"を 追加したら回避できました。 しかしここで新たな問題発生です。 プルダウンメニュー部分を CSSでfilter: Alpha(Opacity=80,);と指定したら、 IE,Sleipnirは正常にアルファが反映できたのですが、ChromeとFirefoxが旨く反映できません。 ご指導よろしくお願いいたします。

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

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

  • ベストアンサー
  • zeff
  • ベストアンサー率69% (137/198)
回答No.1

それはそうです。 filter: Alpha(Opacity=80,); はIE系でしか効きませんので。 同じ場所に opacity:0.8; を併記してください。

その他の回答 (1)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.2

解説しているサイトがあったので、参考にどうぞ http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html 記事が古いので、Chromeは保証出来ませんが

関連するQ&A

  • Youtube 動画を自分のブログで流す方法

    Youtube 動画を自分のブログで流す方法:Embed <object width="425" height="350">ではじまる文字列をペーストして貼り付けたらよいとあるのですが、 <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/********"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/********" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>←これがそのまま ブログに表示されて 動画が出てきません どうしたら いいのでしょうか?

  • Flash画像の枠を消したいです。

    ホームページにswfファイルを設置しましたが、onmouse で枠が出てしまいます。 <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000"> <PARAM NAME="MOVIE" VALUE="******.swf"> <PARAM NAME="wmode" VALUE="transparent"> <EMBED src="*****.swf" wmode="transparent"></EMBED> </OBJECT> と言う記述をしていますが、どの様に変えれば onmouse で枠を出さなく出来ますか? よろしくお願い致します。m(__)m

  • 動画のサイズを小さくするには

    初めまして。こんにちは! 今、私はブログに貼りたい動画があります…。 でもそのサイズを小さくしたくて… そのサイズを指定するとこはこのどれを変えればいいんですか?? <object width="425" height="366"><param name="movie" value="http://www.youtube.com/v/4V9uWnFgj7Y&rel=1&border=0"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/4V9uWnFgj7Y&rel=1&border=0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="366"></embed></object> すごく困ってます!!教えていただければ嬉しいです。 よろしくお願い致します。

  • 音楽

    現在 日本っぽい音楽を探しています。 このようによく神社の結婚式で流れる音楽は誰が作ったんでしょうか? また、タイトルはあるのでしょうか? どこで手に入れられるのでしょうか? <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/O9YkudD291E&hl=ja"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/O9YkudD291E&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

  • ブログにYouTubeを貼りたいんですが

    いろんなサイトを見て、挑戦したんですけど出来ません Embedの右にあるhtmlをコピーして本文に貼るのは分かるんですけど 実際やってみると英数字しか表示されないです 私が使っているヤプログではobjectが使えないみたいで <FONT>、<BR>、<B>、<I>、<A>、<P>、<CENTER>、<U>、<S>、<STRONG>、<STRIKE>、<EM>、<IMG>が使えるみたいです こういった時はどうすればいいのでしょうか? あと、この下にあるhtmlをどう変えれば出来るのでしょうか? 誰か教えて下さい お願いします <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/kXoczYmOog4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/kXoczYmOog4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

  • chromeのcss位置ズレについて

    CSSのpositionで画像を上にかぶせて表示させています。 そこでIE,firefoxはOKなのですがchromeだけ15pxぐらい下にずれてしまいます。 下記の2つのハックを使った場合、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
  • プルダウンメニューが動画の下に隠れる

    ジャバスクリプトで作成したプルダウンメニューがXPのIE8だとYOUTUBEの動画の下に隠れてしまいます YOUTUBEのタグに「wmode=transparent」をいれているのですがこの他にもなにかいれなければいけないのでしょうか? <iframe width="396" height="236" src="http://www.youtube.com/embed/xxxxxx?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe> その他のWINのクロームやその他のブラウザでは大丈夫なのです(MACはサファリ/クロームで通常に動作します) よろしくお願いいたします

    • ベストアンサー
    • HTML
  • ドロップダウンメニューがメディアプレーヤーの下に隠れる

    javascriptのドロップダウンメニューのすぐ下に、 メディアプレーヤーを埋め込んでいるのですが、 メニューがプレーヤーの下に隠れてしまいます。 Flashの場合はobjectタグに <param name="wmode" value="transparent" /> で回避できるようですが、メディアプレーヤーだと objectタグembedタグのいずれでも隠れてしまいます。 メディアプレーヤーの場合の対処法について どなたか教えていただけないでしょうか?

  • 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上では確かに透明になっていますが、背景が黒く表示され、不透明度0にすると真っ黒になってしまいます。また別のところに設置したやつでは、背景色は白になっていました。 今のところは不透明度100にして使用していますが、半透明にしたいです。下のほうに画像などがあった場合でも、それが薄く表示されたりせず、背景色になってしまうようです。 解決方法があれば教えてください。

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

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

    • ベストアンサー
    • HTML

専門家に質問してみよう