为什么在 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;，看看是否可以应用。
以上就是为什么我的 Safari 自定义样式表在百度页面上失效了？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1632351.html
微信扫一扫 
支付宝扫一扫 
