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") %>);">