• 締切済み

スクロールしてもメニューが固定

jqueryで スクロールしてもメニューが固定されるというものを 自分のブログに試してみましたところ 動画を貼っているページだけ メニューが通過するときに動画の下をくぐってしまいます 参考にしたサイトさんがこちらです http://web-pc.net/jquery008 動画にはこういった文字列が ・・・ <iframe width="476" height="306" ～～～ scrolling="no" frameborder="0" allowfullscreen></iframe> この部分はiframe対応ブラウザでお読み下さい と書いてある アフィ広告も同じ現象が起きています 今はInternet Explorer 11　を使用しています。 Internet Explorerが使い慣れてるので このブラウザで正常になれば嬉しいんですけど　・・・ ちなみにGoogle Chromeで私のブログを見ると正常に作動しています。

みんなの回答

  • __house
  • ベストアンサー率0% (0/0)
回答No.1

メニューのz-index値を上げてみてはいかがでしょう？

nenenomiti
質問者

お礼

ご回答ありがとうございます。 それを書いておくべきでした　 最初から10000に設定してあって その後に動画タグを埋め込んだんです で　・・・　メニューが隠れたので 20000 30000 99999 まで　上げたんですけど　だめでした。 グーグルクロームですか？　あれなら正常なんですけど やっぱり　IE11に問題があるのかな～ 今　10にダウングレードするか悩んでいるところです。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

  • プルダウンメニューが動画の下に隠れる

    ジャバスクリプトで作成したプルダウンメニューが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
  • 甲子園フォーム規制？

    <iframe width="420" height="315" src="http://www.youtube.com/embed/CgYcrfia-eQ" frameborder="0" allowfullscreen></iframe> わかりますか？

  • 自動再生をとめても再生されます

    <iframe src='http://www.vlive.tv/embed/52671?autoPlay=false' frameborder='no' scrolling='no' marginwidth='0' marginheight='0' WIDTH='544' HEIGHT='306' allowfullscreen></iframe> 自動再生しないように、falseにしているのですが、スマホでは止まるのですが、グーグルクロームでは自動再生されます。 どのようにタグを変えたら自動再生されないでしょうか？ 教えてください、よろしくお願いいたします！

    • ベストアンサー
    • HTML
  • インラインフレームの高さ

    IFRAMEの高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="？？？"> 宜しくお願いします。

  • iframe内MENU

    ほんと色々お世話になります。 iframeの件でご質問申し上げます。 iframe内に別ページで作成しました。 メニューページを表示させています。 （別ページ作成したｃｓｓmenuを丸投げしている感じです。 <iframe src="css_tatoeba.html"frameborder="0" height="40" scrolling="no" width="554"></iframe>　こんな感じです。） 別ページでリンクを貼り親ページで試してみるとiframe内にリンク先が 一部表示されてしまいます。（レイアウト崩れのような感じで）　iframe内ではなく、新たなページに表示させたいのですがどうすればよろしいのでしょうか？ 色々試したのですが上手くいきません。 教えて頂ければ幸いです。

    • ベストアンサー
    • HTML
  • ブログのサイドバーに動画を貼るタグ

    自分のブログのサイドバー部分に宇多田ヒカルさんのＨＰにある音楽動画を貼りたいのですが、 リンクタグをそのまま入れるとブログのサイドバーの横幅が狭いので半分に切れてしまいます。 width（横幅）の数値を変えるともっと小さくなって切れてしまいます・・ 全て収まるように画像全体を縮小することは不可能でしょうか？ 宜しくお願いします！ リンクのタグです↓ <iframe src="動画のＵＲＬ" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="320" height="332"></iframe>

  • スクロールできない

    お世話になっています。 下のようなファイルによって、フレームを使ったファイルindex2.htmlを呼び出して、HP全体を真ん中寄せにしました。 するとマウスの真ん中のちょぼでスクロールできなくなってしまいました。 <body> <DIV ALIGN="center"> <iframe name="cal-iframe" src="index2.html" width="920" height="2500" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0"> </iframe> </DIV> </body> スクロールバーをドラッグアンドドロップで操作することはできるのですがちょぼで操作できるようにするには、どうすればいいでしょうか？

    • ベストアンサー
    • HTML
  • CSSでインラインフレームを非表示にしたい

    初心者です。 いろいろ試したのですがうまくいかないので教えてください。 複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、 たとえば、 <iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe> と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、 真ん中の「only」だけ隠すことはできませんか？ スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。 宜しくお願いします。 .free { width:450; height:760; border:none; margin: 0px; overflow: hidden; } .only { width:450; height:680; border:none; margin: 0px; overflow: hidden; } .link { width:450; height:680; border:none; margin: 0px; overflow: hidden; }

    • ベストアンサー
    • CSS
  • iframを使用してサイズの調整

    現在iframeを使いwidth,heightの調整を行いと思っております。 こちらの設定に関しては現在このようになっております。 <iframe src="http:" name="shopping" width="300" height="1500"　frameborder="0" scrolling="no"> </iframe> こちらにはwidth="300" height="1500"となっているのですが、 こちらのサイズではうまく表示させたいものがうまくいかず、出来れば可変にしたいと考えております。 その際なにか書けるコードとかはあるのでしょうか？ どなたかご存知の方ご教授お願い致します。 HTMLを使用しており、出来るのであればHTMLで書きたいと思っております。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • <iframe>内にHTMLをランダム表示するには？続きです。

    先日の<iframe>内にHTMLをランダム表示するには？の続きなのですが、 http://questionbox.msn.co.jp/qa2962976.htmlの疑問は 皆様のお力で解決しました。 誠にありがとうございました。 もう一つ教えて頂きたいことがあるのですが、 かなりの素人なので説明不足など分かりづらいところが多々あると思いますが、 何卒宜しくお願い致します。 同じhtmlに複数のiframeを配置し、 各iframeをランダムにしたいのです。 その際、各iframeは別々のフォルダーに収納されているhtmlを 表示するようにしたいです。 例えば、同じhtmlに iframe１、iframe２、iframe３があるとし、 ０１、０２、０３という３つのフォルダーの中に ０１.html、０２.html、０３.htmlがそれぞれ収納されているとした場合、 iframe１は01のフォルダーの中のhtmlをランダムで表示し、 iframe２は02のフォルダーの中のhtmlをランダムで、 iframe3は03のフォルダーの中のhtmlをランダムで、 といったランダム表示にしたいです。 あまりの素人なので全く分かりませんので、 大変申し訳ありませんが、 多少いじってコピペするくらいまで完成されたソースを教えて頂けますでしょうか？ 宜しくお願い致します。 ------------------------------------------------------------------------- 以下のソースは、 ３つのiframeに同じフォルダー内のhtmlをランダムで表示させることができたソースです。 教えてもらいました。 こちらは参考までに載せました。_ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <script type="text/javascript"> <!-- function RndmSubFlame(){ rlURL= new Array(); rlURL[0]="01.html" rlURL[1]="02.html" rlURL[2]="03.html" n=rlURL.length; x1=Math.floor(Math.random()*n); x2=Math.floor(Math.random()*n); x3=Math.floor(Math.random()*n); s01.location.href = rlURL[x1]; s02.location.href = rlURL[x2]; s03.location.href = rlURL[x3]; } //--> </script> </head> <body onload="RndmSubFlame()"> <table border="1" width="84%" height="87"> <tr> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s01" scrolling="no"></iframe></td> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s02" scrolling="no"></iframe></td> <td width="34%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s03" scrolling="no"></iframe></td> </tr> </table> </body> </html> ------------------------------------------------------------------------- 以下のhtmlソースに書き加えてもらえると大変助かります。 何卒、宜しくお願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <table border="1" width="45%" height="448"> <tr> <td width="46%" height="210"><iframe src="01/01.html" frameborder="0" width="100%" height="190" name="01" scrolling="no"></iframe></td> <td width="54%" height="442" rowspan="2"><iframe src="03/01.html" frameborder="0" width="100%" height="190" name="03" scrolling="no"></iframe></td> </tr> <tr> <td width="46%" height="226"><iframe src="02/01.html" frameborder="0" width="100%" height="190" name="02" scrolling="no"></iframe></td> </tr> </table> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する