css如何插入图片（HTML中的css添加图片背景方法）

最近对于网页冲浪有点不爽，对常看的网站平常的白底没了兴趣，想要搞点花里胡哨的第一时间就想到了通过插件注入css的形式来改善界面。

很快啊，想要在一个优雅的背景，逻辑上时非常简单的，使用注入CSS样式background-image就可以了。

但是我又发现一个问题，好多好看的壁纸我保存下了，找不到当初原来的网页了，怎么添加本地路径都不行，真离谱啊，怎么样才能使用本地文件呢？

冲浪冲了好久，给我发现两个办法。

1. 使用base64这个办法感觉怪麻烦的不搞了。

2. Chrome插件给我们设定了可以操作插件本地文件的权限。

这个方式只能适合浏览器扩展应用，不止是图片，CSS还有JavaScript和HTML头可以通过添加权限列出资源，以方便插件去访问。

其中后面是图片地址，而前面的是插件id，插件ID一般是不会变的，可以通过扩展管理界面去查看。