CSS UL LI 菜单在某些悬停操作后不起作用

Question

我使用 CSS、li 和 ul 标签设计了一个垂直菜单。它工作正常，但只是用于许多提示。一段时间后，悬停效果仅适用于最后一项。
请在此处查看我的项目：http://www.saberi.ws/test/
请在左侧的菜单（产品、国家、...）上移动鼠标以查看实际情况。

你可以看到相关的CSS文件here。

Answer 1

您的#ticker 位于您的导航栏前面。将z-index: 0 添加到您的#ticker 并将position: relative; z-index: 1 添加到您的#container_left_menu。

这会将您的导航移动到您的股票代码上。 position: relative 是必需的，因为 z-index 仅适用于 position:absolute、position:relative 或 position:fixed。

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

在我看来，我的解决方案要简单得多。只需将overflow: hidden; 添加到您的#news。