CSS (Zkoss)의 이미지로의 상대 URL

Question

ZK 7.0.0에서 자체 몰드, 스타일 등으로 구성 요소를 개발했습니다. 구성 요소는 하나의 jar 파일로 빌드해야합니다.이 파일은 WEB-INF/lib 폴더에 복사 할 수 있습니다. standart ZK 구성 요소를 교체하십시오.

폴더 구조 :

• SRC/
• SRC/메인/자원/웹/이미지/
• SRC/메인/자원/웹/JS/

에서 ". css.dsp "파일을 좋아해요.

background-image : url ($ {c : encodeURL ('/ images/i n2.png ')}

그리고'domen/webapp/images/in2.png '를 참조하십시오. (물리적 경로 : /webapp/images/in2.png). 하지만 jar 파일에서 이미지를 가져와야합니다.

그래서 어떻게하면 CSS 파일의 이미지에 상대 경로를 쓸 수 있습니까?

Answer 1

케이스는 this one과 다소 비슷합니다.

background-image:url(${c:encodeURL('~./images/in2.png')} 

일부 자세한 내용

이 방법 WebApp.getResource 또는 Execution.locate의 문서에서 볼 수 있습니다 :

는 특별한 접두사 ~./를 사용해야하는 클래스 경로에 파일을 가리키는 URI를 참조하십시오. 실제 사례는 ZK source files에서 볼 수 있습니다.