Wie lade ich lokale Bilder in CSS für Chrome-Erweiterungen?

Fehlerbehebung beim Laden lokaler Bilder in Google Chrome-Erweiterungen

Obwohl lokale Bilder in eine Chrome-Erweiterung eingebunden werden, haben Benutzer Schwierigkeiten, diese mithilfe von CSS anzuzeigen. Dieses Problem muss behoben werden.

Das Kernproblem liegt in der i18n-Unterstützung von Chrome, die CSS-Verweise auf Erweiterungsressourcen ermöglicht. Um dieses Problem zu beheben, berücksichtigen Sie Folgendes:

1. Platzieren Sie Bilder in einem „image“-Ordner innerhalb der Erweiterung.
2. Referenzieren Sie Bilder in CSS mit der folgenden Syntax:

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

3. Stellen Sie sicher, dass das referenzierte Bild im Array „web_accessible_resources“ in manifest.json aufgeführt ist.

Durch die Implementierung dieser Schritte können lokale Bilder erfolgreich geladen und mithilfe von CSS angezeigt werden innerhalb von Chrome-Erweiterungen.

Das obige ist der detaillierte Inhalt vonWie lade ich lokale Bilder in CSS für Chrome-Erweiterungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!