li
CSSとul
タグを使用して垂直メニューを設計しました。それはうまく機能しますが、多くのヒントのためだけです。しばらくすると、ホバー効果は最後のアイテムに対してのみ機能します。
ここで私のプロジェクトを見てください:http://www.saberi.ws/test/
左側のメニュー(製品、国など)でマウスを動かして、これが実際に動作していることを確認してください。
ここで関連するCSSファイルを見ることができます。
あなた#ticker
はあなたのナビゲーションの前に横たわっています。あなたに追加z-index: 0
し、あなた#ticker
に追加position: relative; z-index: 1
します#container_left_menu
。
これにより、ナビゲーションがティッカーの上に移動します。は、、またはでのみ機能するposition: relative
ため、 は必須です。z-index
position:absolute
position:relative
position:fixed
My solution is much simpler, to my mind. Simply add overflow: hidden;
to your #news
.