Chrome擴展 - 無法使用CSS加載圖片; Base64編碼？

Question

我在試圖讓我的擴展工作時遇到問題。我正在嘗試使用CSS加載圖片，但Chrome並未顯示該圖片。我看到另一個post描述我的問題，解決方案是使用base64。提供的例子不夠詳細，我不能理解。有人可以提供一個更詳細的例子，或者提供一個替代base64？

body{ background-image:url(face.png); } 

body { background-image: url(data:image/png;base64,iVB...); } 

Answer 1

轉到http://www.motobit.com/util/base64-decoder-encoder.asp

通過瀏覽上傳圖像文件（以下「或選擇一個文件轉換爲一個Base64字符串」）。

Connvert to base64。複製生成的字符串，並將其放入您的CSS。

例如如果圖像的使用Base64編碼是： 「9J/4AAQSkZJRgABAQEASABIAAD/4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC」

放，

體{ 背景圖像：網址（數據：圖像/ PNG; base64,9j/4AAQSkZJRgABAQEASABIAAD/4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC）; }