仅限 Safari - 菜单出现在错误的位置

Posted

技术标签:

【中文标题】仅限 Safari - 菜单出现在错误的位置【英文标题】:Safari only - menu appears in the wrong place 【发布时间】:2014-10-25 13:38:43 【问题描述】:

这是我的website 的链接。 在 Chrome、Opera、Firefox 甚至可怕的 IE 中,它显示得很好,就像我想要的那样。然而,在 Safari 中,菜单显示的位置比应有的位置低 11 像素。

老实说,我不知道我做错了什么,我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

删除display:inline-block;(Safari:line 707

试试这个:

.main-navigation li a 
    text-align: left;
    color: #C9C9C9;  

代替:

.main-navigation li a 
    text-align: left;
    display:inline-block;
    color: #C9C9C9;

【讨论】:

以上是关于仅限 Safari - 菜单出现在错误的位置的主要内容,如果未能解决你的问题,请参考以下文章

Webkit 中的 AutoCompleteExtender 位置错误

带有.css左/右的Safari iOS 9.0.2 jquery错误

Firefox 和 Safari 上的下拉箭头样式错误

Safari 位置的解决方法:粘性 (-webkit-sticky) 错误

苹果手机的safari浏览器怎么设置全屏

Chrome 和 Safari 中子弹列表菜单的 CSS 渲染