css background사용시 url지정문제! 고수님들 부탁드립니다.

Question

버튼 background를 디자인된 이미지로 바꿔서 사용하려고 합니다.이게 css 코드인데요..#testBtn{ margin: 3px 0 0 5px; float:left; width:83px; height:25px; background: url(&#34;경로&#34;) no-repeat; background-position: -4px -4px; text-indent:-9999px; }imagesTest에 이미지가 들어가있고, test.jsp에 <style>태그 안에 css가 있습니다. background: url(&#34;경로&#34;) no-repeat;여기에서 경로를 어떻게 줘야 이미지파일을 불러올수있나요?제가 해본건 이런것들인데요..background: url(&#34;/imagesTest/abc.png&#34;) no-repeat;background: url(&#34;${pageContext.request.contextPath}/imagesTest/abc.png&#34;) no-repeat;background: url(&#34;D:\_Project\Platform\workspace\bootstrapmap\abc.png&#34;) no-repeat; //이미지 로컬경로 동작이 되질않네요.. http://localhost:8080/map/이 controller에서 jsp로 가는 주소이구요 에러코드 입니다.Request URL: http://localhost:8080/map/bootstrapmap/src/main/webapp/WEB-INF/imagesTest/abc.pngRequest Method: GETStatus Code: 404 Remote Address: [::1]:8080Referrer Policy: no-referrer-when-downgrade 흠.. 간단한건데 계속 막혀있네요 고수님들 답변부탁드립니다.

IT공부중 · Answer

background: url(&#34;../imagesTest/abc.png&#34;) no-repeat;하면 될거 같아요 상대경로로

하워드 · Answer

답변 감사합니다.그래도 되진않네요 ㅠ Request URL: http://localhost:8080/imagesTest/abc.pngRequest Method: GETStatus Code: 404 Remote Address: [::1]:8080Referrer Policy: no-referrer-when-downgrade url 맨앞이 http://localhost:8080/이런식으로 나오는게 맞는건지 모르겠네요;

하워드 · Answer

자답하자면,,webapp에 resources/imagesTest 폴더를 생성하고 background: url(&#34;${pageContext.request.contextPath}/resources/imagesTest/abc.png&#34;) no-repeat;로 하니 됩니다. servlet-context.xm에<resources mapping&#61;&#34;/resources/**&#34; location&#61;&#34;/resources/&#34; />와 관련이 있는듯 하네요

css background사용시 url지정문제! 고수님들 부탁드립니다.

3개의 답변

Q&A 목록