![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ジャバスクリプトで作成したプルダウンメニューがXPのIE8だとYOUTUBEの動画の下に隠れてしまいます
YOUTUBEのタグに「wmode=transparent」をいれているのですがこの他にもなにかいれなければいけないのでしょうか?
<iframe width="396" height="236" src="http://www.youtube.com/embed/xxxxxx?wmode=transp … frameborder="0" allowfullscreen></iframe>
その他のWINのクロームやその他のブラウザでは大丈夫なのです(MACはサファリ/クロームで通常に動作します)
よろしくお願いいたします
No.1ベストアンサー
- 回答日時:
何がいけないというよりIE8のバグです。
親コンテナブロックにもz-indexを指定するとか
HTMLやスタイルシートの設定が分かりませんので、検索して該当するものを探してください。
⇒ie8 z-index バグ - Google 検索( https://www.google.co.jp/#safe=off&hl=ja&sclient … )
この回答への補足
バグですか・・・いただいたURLでいろいろ見てみたのですがどうしたらよいのかどうしてもわかりませんでした・・・
プルダウンのメニューのCSSは下記となるのですがこの部分にz-indexなどを指定すればよいのでしょうか?
もしくはIE9にすれば大丈夫なものでしょうか?
よろしくお願いいたします
ーーーーーーーーーーーーーーーーーーーーーーーcss
@charset "utf-8";
.dropdownmenu {
width: 571px;
height: 44px;
}
#ddR1 {
list-style-type: none;
margin: 0;
padding: 0;
}
#ddR1 li,
#ddR1 li a {
width: 93px;
float: left;
z-index: 10;
}
#ddR1 .ddR2 {
list-style-type: none;
margin: 0;
padding: 0;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.9;
}
#ddR1 .ddList .ddR2 {
display: none;
padding-left: 4px;
}
* html #ddR1 .ddList .ddR2 {/*IE6*/
position: absolute;
display: none;
}
* html #ddR1 .ddList .ddR2 .ddList {/*IE6*/
position: relative;
top: 10px;
display: none;
left: -50px;
}
#ddR1 .ddList:hover .ddR2 {
display: block;
position: relative;
width: 93px;
height: 10px;
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- その他(ブラウザ) ブラウザでの音量(YouTubeなどの視聴)が自動的に下がってしまう。(できれば直したいです。) 2 2023/07/15 08:52
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
テーブルの行を折りたたみたい...
-
htmlです 文字はタマで、 黒線...
-
HTMLです。画像をHTMLで表した...
-
HTMLでこの画像を表示したいで...
-
静止画画像をクリックすると音...
-
CSSでつくったメニューのアニメ...
-
アコーディオンメニューが思う...
-
違法高出力無線? 光回線有線LA...
-
コードを書いて下さい( ; ; )...
-
青い枠のみのHTML
-
列のどこをクリックしてもソー...
-
スマホ(android)のタッチパネ...
-
HTMLです 画像のように表したい...
-
HTMLです 四角みたいにして中に...
-
css初心者 フレックスボックス...
-
スマホでHTMLファイルを開いて...
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
レイノルズ数が4000より大きい...
-
gcc13.2のバグ?
-
オートマトン: npdaとdpdaの違い
-
google maps editorをtableタグ...
-
Objective-c 画面遷移について
-
selectにline-heightがきかない...
-
一次遷移の特徴として裸地から...
-
CSSが反映されない(IE)
-
MacBookでフルスクリーンを 解...
-
自らのViewControllerにsegueする
-
JavaScriptを拒否するユーザー
-
リスティングいたずらクリック防止
-
jqueryuiのスライダーのバグに...
-
プルダウンメニューが動画の下...
-
oppo reno 7A
-
フォルダーに緑のレ点と赤の✖が...
-
特定ユーザに対してのみアプリ...
-
VB.net webアプリケーション 戻...
-
Beckyのアドレス帳を上下に移動...
-
Linuxでの開発環境構築や設定の...
おすすめ情報