콘텐츠 스크립트에서 CSS 손실

특정 페이지에서 모달 대화 상자를 만들려면 colorbox 플러그인을 사용하고 있습니다. 대화 상자가 생성,하지만 난 내 CSS의 모든 테두리/배경 오버레이를 잃게됩니다 ... 내가 얻을 구글 크롬 콘솔에서와 같은 오류 :콘텐츠 스크립트에서 CSS 손실

https://www.website.com/br/cgi-bin/images/controls.png [찾을 수 없음 404 ]

https://www.website.com/br/cgi-bin/images/border.png [404 내가 injecti 해요

파일 'controls.png'와 'border.png가'확장/CSS의 로컬 디렉토리에있는 동안 ...

]을 (를) 찾을 수 없습니다 Google 크롬 확장 프로그램의 content_script에 CSS를 추가합니다. 매니페스트 :

"content_scripts": [ 
    { 
    "matches": ["<all_urls>"], 
    "css": ["colorbox.css"], 
    "js": ["jquery.min.js", "jquery.colorbox.js", "dominteract.js"], 
    "run_at": "document_end", 
    "all_frames": true 
    }],

나는 CSS 소스 코드에 이미지가 이런 식으로 연결되어 있습니다 :

cboxOverlay {배경 : 홈페이지 (이미지/overlay.png) 반복 0 0;}

을

이 디렉토리를 Chrome의 확장 프로그램으로 선언하려면 어떻게해야 원격 디렉토리가 아닌 로컬 디렉토리인지 알 수 있습니까?

출처

2013-10-25 user1526124

이런 식으로 당신이 당신의 확장의 디렉토리를 포함 할 필요가 이미지를 연결하려면 :

background:url('chrome-extension://[email protected]@extension_id__/images/overlay.png') repeat 0 0;

당신은 이런 web_accessible_resource로 매니페스트에 이미지를 추가해야 할 수도 있습니다 : 내가 편집

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

출처

2013-10-25 13:21:05

내 질문에, 어쨌든 당신이 이미 문제를 알아 낸 것 같아요 ... 나는 당신의 대답을 받아들이면 작품을 업데이 트하려고 노력하고 있습니다. 바로 돌아와. – user1526124

콘텐츠 스크립트에서 CSS 손실

답변

관련 문제