css - Safari 保持悬停状态 CSS bug

标签 css drop-down-menu hover

我有一个 CSS 下拉菜单。它适用于 Firefox、Chrome、IE7+,但不适用于 Safari。诡异的。如果您在父菜单中,下拉菜单将保持 :hover 状态。

我可以很好地描述这一点,但基本上下拉菜单在任何页面上都可以正常工作,除非选择了父项。

工作正常:http://firstglancesolutions.kinetixbizsuite.com/ 不起作用:http://firstglancesolutions.kinetixbizsuite.com/services

似乎很奇怪,添加的类应该只搞乱 Safari?我一直在尝试仅使用 Safari 查找错误或任何相关问题,但似乎无法调试它。

最佳答案

首页和服务页面似乎都使用不同的方法来显示下拉菜单。主页更改下拉列表 UL显示。服务页面更改了下拉列表的父级 LIoverflow,这似乎会导致 Safari 出现问题。我建议在所有页面上使用主页方法。

关于css - Safari 保持悬停状态 CSS bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14781105/

相关文章:

php - 如何在一页上动态制作多个 Bootstrap 轮播 slider

css - CSS 下拉菜单中的第三级位置不正确

css - 如何强制表单菜单与其他超链接保持在同一行

javascript - 悬停列表项时更改 div 的背景图像

css - 使用 vue-material,如何在列表中使文本换行而不是溢出到省略号?

css 下拉菜单不在 dojo dijit.layout.ContentPane 中 float

html - 无需 Javascript 即可重定向的 SELECT 下拉菜单

javascript - 对一堆按钮使用单个悬停脚本,并在鼠标悬停时使用变量?

CSS 悬停过渡不起作用

html - 在 span 上输入会添加幻影背景颜色样式