jQuery .showはバックグラウンドを表示しません

Question

私はウェブサイトのナビゲーションバーを作っています。それに素晴らしい効果を加えたいと思います。今ではサブメニューのドロップダウンメニューがあり、それらのサブメニューをスライドインしたいのですが、何らかの理由でアニメーションを作成するときに背景が表示されず、テキストがその隣の境界線の上に表示されます。 Hereは、それがどのように見えるかへのリンクです。複数回にわたってホバリングすると、何か変わったことが起きています。

Answer 1

#parnavdrop ul liの色を設定していません。
JSFiddle

#parnavdrop ul li { 
    background-color: #41D4CF; 
} 

Answer 2

実際の問題は、あなたが継承する背景色を述べたです。

.nav ul #navdrop #subnavdrop{ 
    background-color:inherit; 
} 

したがって、問題の原因となっている親から背景色を継承しています。

したがって、次のコードを変更することで問題を解決することもできます。時には、という理由だけでこれらの停止（）関数のJS機能の

.nav ul #navdrop #subnavdrop{ 
    background-color:#41D4CF; 
} 

は、私はFirefoxの上のそれで何か問題が表示されません正しく