メニューバーの重複問題と解決方法

前へ 次へ
このQ&Aのポイント
  • フッターに設置したメニューバーがlightboxと重複して表示される問題が発生しました。
  • lightboxが立ち上がった時に、フッターメニューを非表示にする仕組みを実装する方法を教えてください。
  • 質問者はホームページでlightboxを利用しているため、フッターメニューが隠れてしまっています。
回答を見る
  • ベストアンサー

メニューバーが重複してしまいます

はじめまして。 フッターに固定のメニューバーをつけたくて 下記のサイトを参考にさせて頂き どうにかこうにか実装することができたのですが どうしても自分では解決できない問題が生じましたので もし、アドバイスが聞けたらと思い投稿させて頂きます。 ホームページの画像を表示する際、わたしはlightboxを利用していまして 画像をクリックすると黒い画面が立ち上がり、画像が画面中央に表示され 画面の下部分に、画面を閉じる✖️ボタンと、次の画面に移る▶︎マークが 表示される仕様になっています。 今回、設置したフッターメニューがlightboxが立ち上がっても表示されるため lightboxのボタンが下に隠れてしまいます。 lightboxが立ち上がった時に、このフッターメニューを非表示にする 仕組みにしたいのですが、どなたかアドバイスを頂けないでしょうか。 宜しくお願い致します。 参考サイト http://dokidome.com/wp-customize/1353/

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

  • ベストアンサー
回答No.1

z-indexの確認はされましたか？ フッターメニューのCSSにおそらくz-indexが設定されていると思いますが、 それがlightboxのz-indexより大きいのでは？ z-indexについては下記を参考にしてください http://www.htmq.com/style/z-index.shtml http://cafe.76bit.com/creative/web/web-design/html-css/css/enable-z-index-on-css/ http://no1026.com/archives/104 (←上級者向け)

BONO33
質問者

お礼

アドバイス頂いたように、z-indexの問題でした！ ありがとうございます。 知れば知るほど、CSSは奥が深いです。

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

関連するQ&A

  • メニューバー

    IEで、上のメニューバーから「編集」→「このページの検索」をしようとしたら間違って「表示」→「全画面表示」をクリックしてしまいました 上のバーと下のバーが出なくなりました＞＜ どうやったら直りますか？お願いします！

  • ウインドウのメニューバーの下の表示を非表示にする方法

    ウインドウのメニューバーの下の表示を非表示にする方法 メニューバーの下のバーを、ここでは「整理バー」とします。 従来のメニューバーの文字列の下に、使わない文字列が表示されていると 見にくくて非常に使いにくいです。 非表示にしたいのですが、どうやったらいいのでしょうか？ 添付画像の赤枠の部分です。 整理バーの右にあるボタン等は無くて全く問題ありません。 メニューバーの下の、 整理バーの1行が、まるまる消えてくれれば理想的なのですが。

  • メニューバーが表示されない

    メニューバー（通常一番下にあるもの）が表示されなくて 困っています。 タスクバーとスタートメニューのプロパティを開こうとクリックしても 開けません。 画面のプロパティで設定を変更してもメニューバーは 現れませんでした。 画面の一番下に隠れているわけでもないです。 メーカーやプロバイダへ電話で問い合わせをしてもわからないと 言われてしまいました・・・ 対処方法が分かる方がいらっしゃいましたら教えてください。 よろしくお願いします。

  • メニューバーを表示したい

    WindowsXから8.1に買い換えましたが、ワード使用画面にメニューバーが表示されていません。表示方法を教えて下さい。又、メニューバーの下に字数バーも表示したいのですが…。当方PC初心者ですのでよろしくお願いします。 ※OKWaveより補足：「富士通FMV」についての質問です。

  • フリー素材　ＩＥのバーみたいなもの　メニューバー

    縦長の画面の時に、右にバーみたいなものがありますが、 メニューバー？をＨＰに設置したいのですが、 名称が分からなくて、検索できません＞＜ メニューボタンがたくさんある場合に下の方のメニューを見る時に、下へスライドしていくようなやつです。。。 説明下手ですみません。。 よろしくお願いしますｍｍ

  • パソコンのメニューバーについて

    よろしくお願いします！！ インターネット中にパソコン画面の上に常にアドレスバーなどが表示されていました。また、下にカーソルアイコンを持っていくと今開いているサイトなどが表示される設定になっていました。 しかし、この前間違ってどこかのボタンを押してしまったらしく上のバーが常に表示では無くなり、下のバーがカーソルアイコンを持ていっても何も表示されない設定になってしまいました。 どのようにしたら最初の設定にもどせますか！？ パソコンにはあまり詳しくなく、文書も分かりにくいと思いますがよろしくお願いします。

  • メニューバーを表示させたい。Win7

    WINDOWS7のパソコンで、Windows Media Playerのバージョンを調べたくて、このソフトを起動させました。 画面にメニューバーがあって、「ヘルプボタンを選択して」、とネットで解説を見つけたのですが、私のパソコンには、メニューバーが表示されません。これどうしたらいいですか？ 補足：　コンピューター＞整理＞フォルダーと検索のオプション＞表示＞常にメニューを表示する。にチェックを入れました。 コンピューター＞整理＞レイアウト＞メニューバーにチェックが、入ってます。 スタートから「コンピューター」をクリックすると、メニューバーは表示されます。 ですが、、Windows Media Playerの画面上では、メニューバーが表示されません。 よろしくお願いします。

  • メニューバーが表示されなくなって、困っています。

    メニューバーが表示されなくなって、困っています。 Ｗｉｎｄｏｗｓ　ＸＰを使用しています。 インターネット・エクスプローラーを、バージョン６から８に変更した ところ、ホームページ用のファイルを開いた時の画面が添付画像のよう に、今まで、表示されていた上段にあった「ファイル（Ｆ）」や「編集（Ｅ）」 等のメニューバーが表示されなくなってしまいました。 再び、表示できるようにする方法を教えてください。

  • ＩＥ７メニューバーの表示について

    ＶＩＳＴＡでＩＥ７を使用しています。 メニューバーが表示されなくなりました。 ツールボタンの「メニューバー」にチェックが入ったままの状態です。 マイクロソフトのサイトの ＜メニューを常時表示するには ＞ 1. Internet Explorer を開くには、[スタート] ボタン をクリックして、[Internet Explorer] をクリックします。 2. [ツール] ボタンをクリックして、[メニュー バー] を選択します。 を何度も試しているのですが、チェックが外れない状態です。 同じような経験をされた方おられましたら、解決方法をお知らせください。

  • メニューバーを非表示に　２００７

    エクセル２００７です。 Application.CommandBars("Worksheet Menu Bar").Enabled = False をしてもメニューバーが非表示になりません。 画像の部分を非表示にしたいです。 そもそもこれはメニューバーではないのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する