Safari停留在悬停状态CSS bug

时间:2013-02-08 20:48:42

标签: css drop-down-menu hover

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

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

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

似乎很奇怪添加的课程应该只搞乱Safari吗?我一直试图找到只有Safari的bug或任何相关问题,但似乎无法调试这个。

3 个答案:

答案 0 :(得分:1)

主页和服务页面似乎都使用不同的方法来显示下拉列表。主页更改下拉列表display的{​​{1}}。 “服务”页面会更改下拉列表的父UL的{​​{1}},这似乎会导致Safari出现问题。我建议在所有页面上使用主页方法。

答案 1 :(得分:0)

在整个页面中,相同的JavaScript /CatalystScripts/Java_DynMenusSelectedCSS.js被引用了五次。

尝试将其减少到只有一个,看看是否有帮助。

答案 2 :(得分:0)

您也在使用jQuery(第14-18行),但不包括jquery js文件。