為什麼我的 Chrome 擴充功能無法載入帶有 CSS 的本機圖片？

無法在Google Chrome 擴展程序中使用CSS 加載本地圖像

問題：

A開發人員在Chrome 擴充功能中遇到問題，儘管本機映像打包在擴充功能中，但仍無法使用CSS 載入本機映像。

答案：

在 Chrome 擴充功能中，映像可以使用 chrome-extension:// 協定加載，後跟擴充程式的 ID 和映像路徑。這些圖像也必須列在擴充功能清單檔案的 web_accessible_resources 部分中。

以下是正確載入本機映像的CSS 規則範例：

body {
    background-image: url('chrome-extension://__MSG_@@extension_id__/images/main.png') !important;
    background-repeat: repeat !important;
}

這假設映像位於位於擴充程式內的「images」資料夾中，並在清單中聲明為：

"web_accessible_resources": ["images/main.png"]

遵循此方法，可以使用CSS 將本機圖片成功載入到Google Chrome 擴充功能中。

以上是為什麼我的 Chrome 擴充功能無法載入帶有 CSS 的本機圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！