~运算符在Mvc-5中的应用

Question

我知道这个问题已经问过很多次了，但我很难从先前的答案中看出答案。我试图为_layout.cshtml文件中的所有视图设置背景图像。我已经尝试了两个版本，用于相同的style=：背景图像:Url(‘~/Content/texture.png’)；它试图查看这个路径，http://localhost/SU-Tour/~/Content/Texture.png，而它应该查看http://localhost/SU-Tour/Content/Texture.png，我猜它没有识别出倾斜字符。

2) body style=“背景图像：@Url.Content("~/Content/Texture.png");”此方法不会产生任何错误，但是当我检查色度下的元素时，图像属性不会被设置为body标记。

请帮我解决这个问题。

Answer 1

它应该是：

style="background-image: url('@Url.Content("~/Content/Texture.png")');"

这样它最终会变成：

style="background-image: url('/SU-Tour/Content/Texture.png');"

当您开始将Razor与CSS混合时，它可能会变得有点混乱。