CSS导航：悬停在Safari

我一直在使用，我已经调整了一个有点WordPress主题我们的网站内容推送，并注意到，在Safari浏览器的下拉导航为：悬停显示的是太低了，推下页面上的其他内容。似乎与填充有关，但我无法弄清楚。CSS导航：悬停在Safari

我看到这样的事情其他职位，但没有很喜欢我的方案。想法？

谢谢！

2016-09-21 Roger

我觉得span元素的边距不适用于safari。

所以，如果你加边距顶部横跨在Safari元素，请改变display: block为display: inline-block。

请检查这个链接：example

2016-09-21 17:25:51

感谢您的支持。我想我看到了什么是建议，我只是不容易找到它。将继续挖掘。 – Roger

没问题。祝你好运。 –

看来我已经把我的问题缩小到这个范围了：li a span {padding：0！important; }但仍然存在以下阻止：链接下方出现悬停，并在Safari中向下滑动滑块。我正在寻找合适的元素来制作内联块。你能为我提供更多的面包屑吗？ – Roger

回答