Javascript 图像路径问题

我在css文件和js文件中有几个图像，我们使用ASP.NETMVC。 在服务器中部署后，将从路径加载映像 ，而实际的

我试过几种方法 喜欢 /Images/image.png

../Images/image.png

Images/image.png

../../Images/image.png

---

然而，浏览器总是试图直接从不存在的域下的Images文件夹加载它。

假设您有以下结构 麦斯特

MySite\Content\CSS\styles.CSS

MySite\Content\Images\img1.png

样式中的css

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

或

在layout.cshtml或index.cshtml

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

或

有一件事您必须确保it path区分大小写

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

---

我希望它能对您有所帮助。

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

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