菜单在 safari 中不可见
Menu is not visible in safari
最近我开始在一个网站上工作。在那里我创建了一个新菜单。菜单在 Chrome、Firefox 等上运行良好，但 Safari 浏览器出现错误。
菜单在 Safari 上完全隐藏。
我的网站link：https://www.destylio.com/
这是它在 Chrome 上的样子：
Menu in Chrome
这是它在 Safari 上的样子：
Menu in Safari is
请帮我解决这个问题？
我认为您可能需要将 .overlay 的 ul li 不透明度设置为 1。也许您有一个动画 运行 没有在加载时重置？
.overlay ul li {
opacity:1;
}
您使用 -webkit-animation: fadeInRight 0s ease forwards; - 我不认为它在 safari 中是 运行，它在 chrome 中。因此，LI 正在推出。
您可以尝试增加动画持续时间
animation: fadeInRight 0s ease forwards;
至
animation: fadeInRight 0.001s ease forwards;
最近我开始在一个网站上工作。在那里我创建了一个新菜单。菜单在 Chrome、Firefox 等上运行良好，但 Safari 浏览器出现错误。
菜单在 Safari 上完全隐藏。
我的网站link：https://www.destylio.com/
这是它在 Chrome 上的样子： Menu in Chrome
这是它在 Safari 上的样子： Menu in Safari is
请帮我解决这个问题？
我认为您可能需要将 .overlay 的 ul li 不透明度设置为 1。也许您有一个动画 运行 没有在加载时重置？
.overlay ul li {
opacity:1;
}
您使用 -webkit-animation: fadeInRight 0s ease forwards; - 我不认为它在 safari 中是 运行，它在 chrome 中。因此，LI 正在推出。
您可以尝试增加动画持续时间
animation: fadeInRight 0s ease forwards;
至
animation: fadeInRight 0.001s ease forwards;