如何在 Chrome 扩展的 CSS 中加载本地图片？

Google Chrome 扩展程序中的本地图像加载问题排查

尽管将本地图像合并到 Chrome 扩展程序中，但用户在使用 CSS 显示它们时遇到了困难。这个问题需要解决。

核心问题在于 Chrome 的 i18n 支持，它允许 CSS 引用扩展资源。要解决此问题，请考虑以下方法：

1. 将图像放置在扩展程序内的“图像”文件夹中。
2. 使用以下语法在 CSS 中引用图像：

background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');

3. 确保引用的图片列在manifest.json中的“web_accessible_resources”数组中。

通过实现这些步骤，可以使用CSS成功加载和显示本地图片在 Chrome 扩展程序中。

以上是如何在 Chrome 扩展的 CSS 中加载本地图片？的详细内容。更多信息请关注PHP中文网其他相关文章！