图像路径问题

Question

我在css文件和js文件中有几个图像，我们有ASP.Net MVC。 在服务器中部署后，图像将从路径加载 http://example.com/Images/image.png，而实际位于http://example.com/mysite/Images/image.png

我尝试了几条路径 喜欢 /Images/image.png

../图像/ image.png

图片/ image.png

../../图像/ image.png。

但是，浏览器总是尝试直接在不存在的域下的Images文件夹中加载它。

Answer 1

假设您有以下结构 mysite的

的MySite \内容\ CSS \ styles.css的

的MySite \内容\ IMAGES \ img1.png

在styles.css

中

.myheader{
   background-image:url('../Images/img1.png');
}

OR

在layout.cshtml 或 index.cshtml

<div style="background-image:url('@Url.Content("~/Content/Images/img1.png")');"></div>

OR

<img src='@Url.Content("~/Content/Images/img1.png")' />

您必须确保其路径区分大小写

我在我的项目中使用这些技巧。

我希望它会对你有所帮助。