Bagaimana untuk Memuatkan Imej Setempat dengan CSS dalam Sambungan Chrome?

Tidak Dapat Memuatkan Imej Setempat dengan CSS dalam Sambungan Google Chrome

Untuk pengubahsuaian tapak web melalui skrip kandungan dalam sambungan Chrome, kesukaran mungkin timbul apabila mencuba untuk menggunakan imej tempatan. Isu ini berterusan walaupun memasukkan imej dalam sambungan.

Cabaran berpunca daripada sintaks CSS khusus yang digunakan untuk merujuk imej setempat:

body {
    background: #000 url('image.jpg') !important;
    background-repeat: repeat !important;
}

Penyelesaian

Untuk menangani had ini, sokongan Chrome i18n menawarkan yang penting penyelesaian:

• Kekalkan imej anda dalam folder "imej" yang ditetapkan dalam sambungan.
• Rujukan aset dalam CSS menggunakan sintaks berikut:

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

Pastikan bahawa imej disertakan dalam tatasusunan "web_accessible_resources" dalam fail manifest.json, yang memberikan kebenaran untuk akses sumber ini daripada sambungan.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Imej Setempat dengan CSS dalam Sambungan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!