css - 在侧边栏菜单上导致悬停问题之前启用 Zindex

标签 css hover z-index

我有一个带有图标的边栏菜单。菜单文本应仅在图标悬停时显示。但是,由于元素之前的 Zindex 问题,这并不完美。如下图所示,将鼠标悬停在红色区域不应显示侧边栏菜单,但确实如此。

显示问题的图像 ->>> https://symu.co/zwfqpj

这是问题的现场演示- http://healthsphere.starazure.com .我什至无法点击 Logo ,因为 210 像素宽的侧边栏的 before 元素接管了。

我的老板要我解决这个问题,但我做不到。感谢您的帮助。

谢谢

最佳答案

您的菜单太大http://i.imgur.com/hR36MOf.png .尝试使用此 CSS 更改菜单宽度。

.uk-notouch .tm-sidebar-fixed .tm-sidebar{width:50px; overflow:hidden;}
.uk-notouch .tm-sidebar-fixed .tm-sidebar.uk-open-menu{width:210px; overflow:auto;}

关于css - 在侧边栏菜单上导致悬停问题之前启用 Zindex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27080310/

相关文章:

css - 如何设置单词中某些字母的字体粗细

jquery - 背景幻灯片 z-index 阻碍了主要内容

html - Flash 影片与相对定位的菜单重叠

html - z-index 和 iFrame!

css - Firefox 上的 SVG 图像模糊

javascript - 添加 JavaScript settimeout 函数

javascript - 如何在可折叠的表格下方添加一个div?

javascript - 如何将现有淡入淡出效果代码应用于新元素

css - :hover wont work when using display:table-cell on dropdown nav

css - 链接处于事件状态时悬停效果不起作用