Safari子菜单导航错误

时间:2013-05-09 01:09:47

标签: css safari

对于我的导航,我使用高度/宽度和不透明度属性显示/隐藏子菜单,而不是显示属性,这样我就可以使用CSS过渡来创建淡入/淡出效果子菜单。除了Safari之外,这在每个浏览器中都能正常工作,我不知道为什么。

该网站位于http://rtt.celero.com.au。在Safari之外的任何浏览器中查看它,然后比较它在Safari中的外观。

其他浏览器: enter image description here

Safari中: enter image description here

有人对Safari中导致此错误的原因有任何想法吗?

编辑:网站已按照下面的float: none建议进行了更新,但现在似乎还有另一个仅限Safari的问题,其中顶级导航项目正在扩展到子网站的宽度-菜单。关于修复此问题的任何想法?

新Safari问题: enter image description here

1 个答案:

答案 0 :(得分:2)

这将解决Safari中的问题

ul.menu li ul.sub-menu li{
    float:none;
}  
ul.menu li ul.sub-menu{
    position:absolute;
}