javascript - 图片路径问题

Question

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

我试过几种方法 喜欢 /图像/图像.png

../Images/image.png

图片/图片.png

../../Images/image.png.

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

Answer 1

假设您具有以下结构 我的网站

MySite\Content\CSS\styles.css

MySite\Content\Images\img1.png

在 styles.css 中

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

或

在 layout.cshtml 或 index.cshtml

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

或

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

有一件事你必须确保它的路径区分大小写

我在我的元素中使用了这些技巧。

希望对您有所帮助。