ジャバスクリプトで作成したプルダウンメニューが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の文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
CSS のみのタブ切り替えについて
-
静止画画像をクリックすると音...
-
CSSが効かずどのように指定すれ...
-
cssの display: flex;で横並び...
-
css初心者 フレックスボックス...
-
詐欺メールがまた来ました。5月...
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
ウェブサイトにアップされてい...
-
角丸画像の背景色を透明にした...
-
Chromeのパスワードマネージャ...
-
HTMLで画像をポップアップで表...
-
テーブルタグのセルの幅の一部...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
Duolingo のソースコードの名前...
-
テーブルのセルデータを自動改...
-
HTMLですCSSです この画像のよ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
gcc13.2のバグ?
-
レイノルズ数が4000より大きい...
-
オートマトン: npdaとdpdaの違い
-
ファイバ、マイクロスレッドの...
-
selectにline-heightがきかない...
-
oppo reno 7A
-
フォルダーに緑のレ点と赤の✖が...
-
Linuxでの開発環境構築や設定の...
-
WindowsDefender以外のウイルス...
-
windows10のアプリと機能にyout...
-
回復ドライブに保存されるもの
-
特定ユーザに対してのみアプリ...
-
Beckyのアドレス帳を上下に移動...
-
VB.net webアプリケーション 戻...
-
インストールが不要なソフトは...
-
keygen.exeが実行されない
-
Inkscape プリントマークでエラー
-
日本に、Microsoftのような会社...
-
フリーソフトをうまくダウンロ...
-
インストールしようとしている...
おすすめ情報