Css 菜单在safari中不可见

Css 菜单在safari中不可见,css,safari,viewport,hidden,Css,Safari,Viewport,Hidden,最近我开始在一个网站上工作。因此,我创建了一个新菜单。该菜单在Chrome、Firefox等浏览器上运行良好,但Safari浏览器给了我一个错误 菜单在Safari上完全隐藏 我的网站链接: 这是它在Chrome上的外观: 这是它在Safari上的外观: 所以请帮我解决这个问题?我想您可能需要将.overlay ul li不透明度设置为1。也许你有一个动画正在运行,而不是在加载时重置 .overlay ul li { opacity:1; } 使用-webkit动画:fadeInRigh

最近我开始在一个网站上工作。因此,我创建了一个新菜单。该菜单在Chrome、Firefox等浏览器上运行良好,但Safari浏览器给了我一个错误

菜单在Safari上完全隐藏

我的网站链接:

这是它在Chrome上的外观:

这是它在Safari上的外观:


所以请帮我解决这个问题?

我想您可能需要将.overlay ul li不透明度设置为1。也许你有一个动画正在运行,而不是在加载时重置

.overlay ul li {
 opacity:1;
}

使用
-webkit动画:fadeInRight 0s轻松前进-我不认为safari中会运行这种功能,因为它是在chrome中运行的。因此,LI的动画将被放大。

您可以尝试增加动画的持续时间

animation: fadeInRight 0s ease forwards;


寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码,最好是在堆栈片段中。虽然您提供了一个链接,但如果该链接无效,您的问题对其他将来遇到相同问题的用户将毫无价值。看见
animation: fadeInRight 0.001s ease forwards;