ホームページ >ウェブフロントエンド >htmlチュートリアル >Web サイトのナビゲーション バーにドロップダウン メニューがありますが、ドロップダウン メニューが表示されると、その下のコンテンツが押し出されます。 help_html/css_WEB-ITnose を問い合わせる

Web サイトのナビゲーション バーにドロップダウン メニューがありますが、ドロップダウン メニューが表示されると、その下のコンテンツが押し出されます。 help_html/css_WEB-ITnose を問い合わせる

WBOY
WBOYオリジナル
2016-06-21 09:04:554756ブラウズ

ウェブサイトのナビゲーションバーにドロップダウンメニューがありますが、ドロップダウンメニューが表示されると、下のコンテンツが押し下げられます。 ? ?神様に聞いてください


ディスカッションに返信(解決策)

Position:absolute;z-index:999; を追加

position:absolute 絶対位置決め、コンテキストフリー。

z-index: 他のコンテンツをカバーするには、この数値が最大でなければなりません。

コンテキストに関係なく、絶対位置を設定するには、position:absolute;z-index:999;

position:absolute をドロップダウン レイヤーの CSS に追加します。

z-index: 他のコンテンツをカバーするには、この数値が最大でなければなりません。


まだ機能しないので、ドロップダウン メニュー ul に
ul{display:none;position:absolute;z-index:999;} を追加しました。 さらにコードを投稿します。

さらにコードを投稿してください。

.navbar-float{list-style-type:none; border-right:1px Solid #406b8d; line-height:36px;}
#navbar-float-last{border:0px Solid #024e70}
#navbar ul {幅: 100%;位置:相対;右:1px;}
#navbar{高さ:36px; フィルター:alpha(Opacity=130);-moz-opacity:0.5;opacity:0.8;z-index:100; :#024e70;}
.navbar-float{float:left; width:95px; text-align:center;}
.navbar-float a{color:white;}
.navbar-float a:hover{position:relative ; top:1px;}
.navbar-float ul{display:none;position:absolute;z-index:999;}
width:150px;
テキスト整列:左:5px;
リストスタイル-位置:内側;
-moz-opacity:0.7;不透明:0.98:999もっとコードを送ることはできませんか? js 部分はどうですか?



もっとコードを送信できませんか? js 部分についてはどうですか?

うわー

JavaScript マウスがナビゲーション バーに移動したときにブロックするように表示属性を変更しました




XML/HTML コード?123456789101112131415161718192021222324252627282 9 3031323334353637383940414243445464748495051525354555657585960 616263646566768697071727374

最初に、position:relative で ul タグを変更しました。その中の ul タグに影響はありますか? 687888990…

神様、ありがとう

オーナーさん、まだいますか?私もこの問題に遭遇しました、解決方法を教えていただけますか?

ナビゲーションメニューの下のコンテンツは通常の写真またはテキストですが、これは解決できます。下のコンテンツがFLASHの場合、解決方法を教えてください。


ありがとうございます!

QQ:2825523171@qq.com

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。