元素正在仅在Safari上移动

Question

我试图解开一个谜。在Chrome上一切都很好，但在Safari中，当我拿出一些元素（用红色圈出）时，它们会移动一点。

这只发生在第一个胡佛上。你第二次这样做没有任何反应。

我试图重现这里的情况：

<nav class="cd-secondary-nav">
  <ul class="has-magic-line">
    <li id="all-events" class="active"><a>Tous</a></li>
    <li id="week-events" class=""><a>Semaine</a></li>
    <li id="weekend-events" class=""><a>Week-end</a></li>
    <li id="recent-events" class="" style="position: relative;"><a>Nouveaux</a></li>
    <li class="magic-line" style="transform: translateX(103.844px) scaleX(73.75);"></li>
  </ul>
</nav>

https://jsfiddle.net/ykgjsfrh/1/但它在Safari中确实运行良好......

感谢您的帮助

Answer 1

您是否尝试将其添加到css文件中导航内的.：

ASC
  Sound Load (0.3ms)  SELECT

我无法通过浏览器中的重新加载对此进行全面测试。看起来问题可能是你在Safari中悬停链接后每个.* FROM的大小不同，但我可能是错的。