爲什麼在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背景圖像？

回答

相關問題