Chrome 확장 프로그램용 CSS에서 로컬 이미지를 로드하는 방법은 무엇입니까?

Google Chrome 확장 프로그램에서 로컬 이미지 로드 문제 해결

Chrome 확장 프로그램에 로컬 이미지를 통합하더라도 사용자는 CSS를 사용하여 해당 이미지를 표시하는 데 어려움을 겪습니다. 이 문제는 해결이 필요합니다.

핵심 문제는 확장 자산에 대한 CSS 참조를 허용하는 Chrome의 i18n 지원에 있습니다. 이 문제를 해결하려면 다음을 고려하세요.

1. 확장 프로그램 내의 "image" 폴더에 이미지를 배치하세요.
2. 다음 구문을 사용하여 CSS에서 이미지를 참조하세요.

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

3. 참조된 이미지가 "web_accessible_resources" 배열에 나열되어 있는지 확인하세요. 매니페스트.json.

이러한 단계를 구현하면 Chrome 확장 프로그램 내에서 CSS를 사용하여 로컬 이미지를 성공적으로 로드하고 표시할 수 있습니다.

위 내용은 Chrome 확장 프로그램용 CSS에서 로컬 이미지를 로드하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!