图片路径问题

【问题标题】：Image path issue图片路径问题
【发布时间】：2015-04-17 21:06:09
【问题描述】：

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

我尝试了几种方法像 /Images/image.png

../Images/image.png

图片/image.png

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

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

【问题讨论】：

您是否在某种类型的页面模板中设置了基本 URL？
你的 CSS 在哪里？
您如何引用您的 css / 图像文件的位置？请发布您的代码
如果您的根目录在环境之间发生变化，您应该使用 Url 助手，例如：src='@Url.Content("~/Contents/IMages/image.png")'
我不能使用 url helper，因为这些是外部 css 和 javascript 文件。对于 cshtml 中的所有图像，我都使用了 url hepers，并且它们被正确呈现。

【解决方案1】：

假设你有以下结构我的网站

MySite\Content\CSS\styles.css

我的站点\内容\图像\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")' />

你必须确保它的路径 区分大小写

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

希望对你有帮助。

【讨论】：