导航 CSS :hover 在 Safari 上推送内容

Posted 2023-03-06

【中文标题】导航 CSS :hover 在 Safari 上推送内容

【英文标题】：CSS for navigation :hover pushing content on Safari

【发布时间】：2017-01-30 01:35:57

【问题描述】：

我一直在使用 WordPress 主题在我们的网站上工作，并对其进行了一些调整，并注意到 Safari 中用于 :hover 的下拉导航显示太低，并向下推页面上的其他内容。好像和padding有关，但是想不通。

我看到了其他关于这类事情的帖子，但没有什么和我的场景完全一样。想法？

http://dev2.bingdesign.com/ - 滑块上方的导航。

谢谢！

【参考方案1】：

我认为 span 元素的边距在 safari 上不起作用。

因此，如果您在 safari 上将边距顶部添加到 span 元素，请将 display: block 更改为 display: inline-block。

请查看此链接：example

【讨论】：

谢谢。我想我看到了建议的内容，我只是不容易找到它。会继续挖掘。

没问题。祝你好运。

看来我已经把我的问题缩小到了：li a span padding: 0 !important;但仍有一个 :hover 块出现在链接下方并将滑块向下推到 Safari 中。我在寻找合适的元素来制作内联块时遇到问题。你能为我提供更多的面包屑答案吗？

您好，我可以帮助您，但我现在可以再次访问您的网站。

谢谢！当你能看到它时告诉我。