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字符串的文件'）。

转换为base64。复制生成的字符串并将其放入css中。

e.g。如果你的图像的base64编码是：“9j / 4AAQSkZJRgABAQEASABIAAD / 4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAAAAAAAAADAABtbnRyUkdC”

放，

body { background-image：url（data：image / png; base64,9j / 4AAQSkZJRgABAQEASABIAAD / 4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAAAAAAAADAABtbnRyUkdC）; }