对于我的导航,我使用高度/宽度和不透明度属性显示/隐藏子菜单,而不是显示属性,这样我就可以使用CSS过渡来创建淡入/淡出效果子菜单。除了Safari之外,这在每个浏览器中都能正常工作,我不知道为什么。
该网站位于http://rtt.celero.com.au。在Safari之外的任何浏览器中查看它,然后比较它在Safari中的外观。
其他浏览器:
Safari中:
有人对Safari中导致此错误的原因有任何想法吗?
编辑:网站已按照下面的float: none
建议进行了更新,但现在似乎还有另一个仅限Safari的问题,其中顶级导航项目正在扩展到子网站的宽度-菜单。关于修复此问题的任何想法?
新Safari问题:
答案 0 :(得分:2)
这将解决Safari中的问题
ul.menu li ul.sub-menu li{
float:none;
}
ul.menu li ul.sub-menu{
position:absolute;
}