为什么在Firefox中不显示base64 CSS背景图像？

刚刚将浏览器升级到Firefox 40（两天前发布），现在我注意到base64 CSS背景图像不再显示。所有其他浏览器（包括旧版本的Firefox）都可以加载图像。为什么在Firefox中不显示base64 CSS背景图像？

在控制台中，我得到以下错误：

Content Security Policy: The page's settings blocked the loading of a resource at data:image/png;base64,iVBORw0KGgoAAAA ......... CuwAAAABJRU5ErkJggg== ("default-src *").

我的CSS是这样的：

.image { 
    background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAA ....."); 
}

我使用的角度，并包含在html标签ng-csp指令，但删除这没有什么区别。

来源

2015-08-13 DecafJava

你忘了背景吗？您当前的CSS无效。 – kba

哎呀，是的，我忘了把它包括在这里，但现在补充。我在我的CSS中有背景，但忽略了其他属性并添加了省略号。另外，删除数据引用也没有区别。在FF检查器中，或者通过使用“在新选项卡中打开”选项，我可以打开图像;只是不显示在页面上。 – DecafJava

在FF中听起来像是一个bug。创建演示 – charlietfl

kba留下的留言是解决方案！添加一个带有“* data：”的img-src的Content-Security-Policy头部的技巧。新的Firefox不包含数据：协议作为*的一部分，因此需要明确添加它。

来源

2015-08-14 22:30:08 DecafJava

为什么在Firefox中不显示base64 CSS背景图像？

回答

相关问题