0

我正在使用 colorbox 插件在某些页面中创建模式对话框。对话框已创建,但我丢失了 CSS 的所有边框/背景覆盖...在 google chrome 控制台中,我收到如下错误:

https://www.website.com/br/cgi-bin/images/controls.png [404 未找到]

https://www.website.com/br/cgi-bin/images/border.png [404 未找到]

虽然文件 'controls.png' 和 'border.png' 位于 extension/css 的本地目录中...

我在 Google Chrome 扩展的 content_script 上注入 CSS。显现:

  "content_scripts": [
  {
    "matches": ["<all_urls>"],
    "css": ["colorbox.css"],
    "js": ["jquery.min.js", "jquery.colorbox.js", "dominteract.js"],
    "run_at": "document_end",
    "all_frames": true
  }],

我注意到在 CSS 源代码中,图像是这样链接的:

cboxOverlay{background:url(images/overlay.png) 重复 0 0;}

如何将此目录声明为 chrome 的扩展,知道这是本地目录而不是远程目录?

4

1 回答 1

1

要链接您的图像,您必须包含扩展程序的目录,如下所示:

background:url('chrome-extension://__MSG_@@extension_id__/images/overlay.png') repeat 0 0;

您可能需要将您的图像作为 web_accessible_resource 添加到清单中,如下所示:

"web_accessible_resources": [
    "images/overlay.png"
]
于 2013-10-25T13:21:05.653 回答