UL 목록 스타일 이미지가 MVC에서 작동하지 않습니다.

Question

Site.Master 페이지의 목록 스타일 이미지로 의사 이미지를 사용하도록 UL 스타일을 설정했습니다. Visual Studio 2010에서 실행하면 이미지를 볼 수 있습니다. 그러나 프로젝트를 게시하고 인터넷 익스플로러와 파이어 폭스로 열면 이미지가 보이지 않습니다. 아래 코드를 첨부했습니다 (의사 이미지는 내용 폴더 안에 있음). 누구나이 문제를 해결하는 방법을 알고 있습니까? 고마워요, 정말 도움을 주셔서 감사합니다.

<ul style = "list-style-image: url(/Content/doctor.jpg);"> 
      <li><a href = "<%= Url.Content("~/Home/Index") %>">About us</a></li> 
      <li><a href = "<%= Url.Content("~/Home/Patient") %>">Patient Entry</a></li> 
      <li><a href = "<%= Url.Content("~/Home/Invoice") %>">Invoice Entry</a></li> 

</ul> 

Answer 1

대부분의 경우 앱을 게시 할 때 루트에 있지 않습니다. 따라서/Content는 올바른 폴더가 아닙니다. 스타일 속성을 사용하는 경우 링크에 대해 수행 한 작업을 수행하십시오. <%= Url.Content("~/Content/doctor.jpg") %> CSS 파일에 넣으면 스타일 시트 위치를 기준으로 경로를 사용해야합니다.

Answer 2

웹 사이트 루트에있는 폴더에 게시하고있는 것 같습니다.

기본 제공 Visual Studio 서버에서 사이트를 실행하는 경우 응용 프로그램 루트는 /이므로 /Content/doctor.jpg이 정확합니다. 게시 할 때는이 변화를 해결하려면

http://www.site.com/app/Content/doctor.jpg

을 가리켜 야 할 때

는, 루트 디렉토리는 http://www.site.com/app로, 다른 같은 수 있도록 /Content/doctor.jpg 점

http://www.site.com/Content/doctor.jpg

월 이 :

<ul style = "list-style-image: url(/Content/doctor.jpg);"> 

이 10

:

<ul style = "list-style-image: url(<%= Url.Content("~/Content/doctor.jpg") %>);">