javascript - 如何设置背景图像

Question

我正在使用 asp.net MVC。在我的应用程序中，要设置背景图像，我已经实现了，

 background-image:url("../../Images/Home/Logo.png");

当我调试这个时，背景图像正在显示，当我将它部署到服务器时，它没有显示。如果我像这样实施

background-image:url("Images/Home/Logo.png");

在服务器中部署后显示背景图像，但在我的本地没有显示，解决方案是什么？

Answer 1

您应该使用正确的客户端相对路径

aspxImgCtrl.ImageUrl = "~/Images/GIF/arrow.png"; 

~ 运算符仅被 asp.net 识别用于服务器控件和服务器代码。您不能将 ~ 运算符用于客户端元素。

尝试

background:url('<%= ResolveClientUrl("~/path/to/img") %>');

Answer 2

我遇到了同样的问题。这可以通过将图像文件夹放在您的 css 文件所在的同一文件夹中来解决

我希望您知道“../” 的含义，请参阅此处。如果您知道这一点，您可以轻松解决问题。

Answer 3

将 cssImages 与 css 文件放在同一位置。我是说

Root
    Content
        Site.css
        Images
            Logo.png

并像这样使用绝对路径：background-image:url("Images/Logo.png");在 Site.css