下拉菜单相互争斗

时间：2015-09-24 作者：KVDD

我确信有一个简单的CSS答案我没有看到：(

http://www.glennduxbury-inspections.com/litb/

在“我的导航”菜单上，如果将鼠标悬停在子菜单项上，然后缓慢向右移动鼠标，它将切换到“下一个项目”子菜单。我不希望这种情况发生，尤其是对于“服务”下拉菜单，因为它有一个第三层菜单，我甚至不能在上面悬停。

我试着在子菜单上放置z-index，以及子菜单下的所有项目。我所做的一切似乎都不管用，我在这一点上被难住了。

1 个回复
最合适的回答,由SO网友:WordPress Mike 整理而成

问题是，虽然您的子菜单设置为opacity: 0, 它仍在显示，只是透明而已。因此，当您悬停在存在子菜单的任何区域时，您正在触发#access ul li:hover 将子菜单的不透明度设置为#access ul li:hover > ul. 尝试设置添加visibility: hidden 到#access ul ul. 然后添加visibility: visible 到#access ul li:hover > ul. 这将允许您保持不透明度过渡。

标签： css   theme-twenty-ten   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s