2013-05-09 37 views
0

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

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

其他浏览器: enter image description here

Safari浏览器: enter image description here

任何人有关于是什么导致了这个bug在Safari什么想法?

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

新的Safari浏览器的问题: enter image description here

回答

2

这将解决该问题在Safari

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

这肯定似乎起了作用,但现在,似乎是另一个问题,在顶级导航项正在扩展到子菜单的宽度。任何想法如何解决这个问题?我已经更新http://rtt.celero.com.au与修复,所以你可以看到新的问题。 – Jordan 2013-05-09 01:50:45

+0

编辑解决方案。现在在这里工作正常。 – 2013-05-09 02:10:16

+0

这似乎已经完成了帽子戏法,并且好像它仍然在其他浏览器做工精细。谢谢! – Jordan 2013-05-09 02:26:16