为什么CSS在Safari中崩溃？

Question

我的Opencart网站和Safari浏览器（桌面/移动设备上的最新版本）出现问题 一些css在safari上启动时崩溃（徽标消失，徽标由背景图像制作，然后某些字体样式禁用，按钮），但在其他浏览器上效果很好。 我只是不知道该怎么做，因为我是初学者
这是网站hicandy.ru

此处Safari 这里有Chrome

Answer 1

尝试重现错误但失败了。检查Safari和Chrome。我只能给你一些一般的建议。

1. 如果您使用Safari作为主浏览器进行开发，请尝试清理缓存并再次测试您的网站。

2. 检查控制台日志和网络堆栈是否已正确下载所有资源。 （例如，CORS可能存在问题）

Answer 2

我检查了你的网站，它有一些转换特别是在滑块上。也许这些信息可以帮助您解决问题：

＆＃34;我注意到有些人在使用css过渡属性时遇到了与Safari崩溃相似的问题，果然它在过渡属性上窒息：所有值都应用于全局锚点选择器，与基于百分比的网站布局（用于响应式设计）。

当我将所有值更改为颜色时，网站在Safari中停止崩溃。＆＃34;

如果您想阅读更多信息，请提供我的信息来源：http://joelglovier.com/writing/solution-for-css-transitions-crashing-safari