サードパーティのメニューが画像とLIタグを混乱させるバッドCSSデザイン

Question

こんにちは私はウェブサイトで働いています。サードパーティメニューのCSSまたはJscriptを追加すると、私のウェブサイトの<li>タグが壊れてしまいます。

私のdivタグはCSSで正しく閉じているはずです。しかし、私は2日を無駄にしてからこれを行うことができません。私はJscriptsメニューとCSSメニューも試してみましたが、すべてがすべて混乱しているようです。

ここにはウェブサイトへのリンクがあります.3つの大きな画像がスライドしていないdefault.aspxページを見ることができます。また、gallery.aspxのページでは、画像がスライドする 私はそこで同じメニューを使用しません。

ウェブサイトのホームページへのリンク：http://gkainc.somee.com/default.aspx

ギャラリーリンク（作業）：http://gkainc.somee.com/gallery.aspx

私は、CSSファイルの一部を追加しています。これを見てください。

cssは、ここのウェブサイトのリソースで見ることができます。

Answer 1

あなたのdiv #menuh-containerは巨大で、他の要素よりも高いZインデックスを持っているため、その上に表示されます。検索フィールドを強調表示することもできません。

他の要素には、メニューコンテナよりも高いZ-インデックスを付けて、上に重ねて表示するか、メニューコンテナをより小さく編集するのが理想的です（理想的には実際のメニューのサイズとそれ以上ではありません） 。

希望に役立ちます。

Answer 2

あなたの問題は、animated-menu.cssの16行目です。 margin: 40emを設定して、メニューを画面の左側に配置します（position:absolute;right:0を使用しないのはなぜですか？）。メニューの下部に大きな余白が追加され、メニューが画像を覆い、クリックをブロックします。

これをmargin-left: 40emに更新すると余分な余白がなくなり、問題が修正されます。