html - 一些悬停操作后 CSS UL LI 菜单不起作用

标签 html css menu hover

我使用 CSS、liul 标签设计了一个垂直菜单。它工作正常,但仅用于许多提示。一段时间后,悬停效果仅适用于最后一项。
请在这里查看我的元素:http://www.saberi.ws/test/
请将鼠标移至左侧菜单(产品、国家/地区...)以查看实际效果。

可以看到相关的CSS文件here .

最佳答案

您的#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

关于html - 一些悬停操作后 CSS UL LI 菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11586483/

相关文章:

jquery - 是否可以使用 jquery 更改 $(document) 宽度?

javascript - websocket (socket.io) 上的协作白板( Canvas )圆圈

javascript - 链接到另一个 html 文件在本地主机上有效,但在我将其上传到服务器时却无效

html - 在 iPad/平板电脑上查看页脚后出现大量死 Angular

html - CSS 高度百分比从下到上填充

javascript - 如何获得 SVG 的纵横比?

html - CSS:多列下拉菜单

javascript - 多个类与 Jquery 映射并加载内容

java - 我如何继续实现子菜单? Java 终端菜单

javascript - Jquery Accordion 菜单 : keep selected menu expanded in another page