2016-07-06 10 views
0

教育機関のウェブサイトを継承し、内部コンテンツ部門によって切り取られたドロップダウンサブメニューで問題が発生しました。内部コンテンツのdivには100のz-indexがあるようですが、サブメニューのz-indexを何に設定してもdivに重ねることはできません。Wordpressサブメニュー切り取る

クリップされているメニューアイテムは、[接続]> [関心セクション(IS)]> *クリッピングメニュー(表示可能なリンクが5つあります)です。

組織のURLはhttp://minnetesol.org/です。

Clipped subnav element

答えて

0

あなたが変更した場合、それは動作しますが、スタイルで遊んでいるよりは、z-indexがそこで次 -

#main-nav ul ul li ul { 
    left: 250px; 
    top: -50px; 
} 

#content { 
    margin: 0 auto -40px; 
} 

あなたはこれらの変更を行った後、ヘッダーにロゴを微調整する必要があります。

+0

これはうまくいくようです。私は物事のためにロゴをついつい回ります。ご協力いただきありがとうございます。 – stuartwainstock

0

それは、zインデックスの問題のように見える - #content#内側の含有量が100のzインデックスを持っているので、あなたは私も思い

#head{ 
    z-index: 101; 
} 

を行う必要があります将来Zインデックスの問題が増えるのを防ぐために、内部コンテンツのZインデックスを1に、#headを2に減らすことをお勧めします。

+0

#headを101のz-indexに設定すると、サブナビが表示されますが、#inside-contentセクションと機能ブログの投稿と重複します。 #inner-contentと#headをそのまま残して、トップレイヤーとしてナビゲーション要素を持つ方法はありますか? – stuartwainstock

+0

サブナビはあなたがそれを開いたときに他のものと重なり合う必要があります。そうでなければ、内側の内容で覆い隠されます。 – will

関連する問題