UL列表樣式圖像在MVC中不工作

Question

我設置了UL樣式，以在Site.Master頁面中使用醫生圖像作爲列表樣式圖像。當我從Visual Studio 2010運行它時，可以看到圖像。但是，當我發佈該項目並用Internet Explorer和Firefox打開它時，我看不到該圖像。我附上了下面的代碼（醫生圖像位於Content文件夾內）。任何人有任何想法如何解決這個問題？謝謝，非常感謝您的幫助。

<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

最有可能的是，當你發佈你的應用程序時，它不在根目錄。因此，/內容不是正確的文件夾。如果您使用的是樣式屬性，請執行您對鏈接的操作。 <%= 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/Content/doctor.jpg

當應指向

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

要糾正此，變化此：

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

對此：

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