Mengapa Saya Tidak Boleh Memuatkan Imej Setempat dengan CSS dalam Sambungan Chrome Saya?

Tidak Dapat Memuatkan Imej Setempat menggunakan CSS dalam Sambungan Google Chrome

Soalan:

A pembangun mengalami isu dalam sambungan Chrome di mana imej tempatan tidak boleh dimuatkan menggunakan CSS, walaupun dibungkus dalam sambungan.

Jawapan:

Dalam sambungan Chrome, imej boleh dimuatkan menggunakan protokol chrome-extension://, diikuti dengan ID sambungan dan laluan ke imej. Imej juga mesti disenaraikan dalam bahagian web_accessible_resources pada fail manifes sambungan.

Berikut ialah contoh peraturan CSS yang memuatkan imej setempat dengan betul:

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

Ini mengandaikan bahawa imej itu terletak dalam folder "imej" dalam sambungan dan telah diisytiharkan dalam manifes sebagai:

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

Dengan mengikuti pendekatan ini, imej setempat boleh berjaya dimuatkan dalam sambungan Google Chrome menggunakan CSS.

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