为什么我的 Safari 自定义样式表在百度页面上失效了？

编程并不是一个机械性的工作，而是需要有思考，有创新的工作，语法是固定的，但解决问题的思路则是依靠人的思维，这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《为什么我的 Safari 自定义样式表在百度页面上失效了？》，文章讲解的知识点主要包括，如果你对文章方面的知识点感兴趣，就不要错过golang学习网，在这可以对大家的知识积累有所帮助，助力开发能力的提升。

为什么在 Safari 中自定义样式表未能正常工作？

在 Safari 的偏好设置中设置自定义样式表后，您对其进行测试却发现效果不同。在您自己的网页中，样式有效，而在百度页面中却失效。

造成这种情况的原因是，第一个访问的项目使用了文件协议，可以访问本地目录中的图片文件。而第二个访问的百度使用了 http 协议，您期望使用本地目录中的图片作为背景图片，这是无法实现的。

网页开发的基本原则之一是尽量避免使用文件协议来访问项目（紧急情况下除外），也不要使用本地文件目录地址作为引用地址。

这是因为网页通常会部署到服务器上。此时，您设置的 background-image: url("/Users/luxury/Desktop/wallhaven-o5762l.png") 会被浏览器解析为 background-image: url("http://www.baidu.com/Users/luxury/Desktop/wallhaven-o5762l.png")。显然，服务器上不存在此文件或目录。因此无法正确加载所需的背景图片。但是，样式本身仍然会被正确应用，只是图片资源加载时会返回 404 错误。可以在 devTools 的网络面板中查看这一点。

此外，由于您使用了用户样式表，因此 Safari 可能进行了额外的处理以确保能够导入本地文件。您可以尝试将 background-image: url("/Users/luxury/Desktop/wallhaven-o5762l.png") !important; 修改为 background: #ffbebe url("/Users/luxury/Desktop/wallhaven-o5762l.png") !important;，看看是否可以应用。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~