如何设置背景图像

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文件将cssImages放在同一个地方。我的意思是

Root
    Content
        Site.css
        Images
            Logo.png

并使用如下的绝对路径：Site.css中的background-image:url("Images/Logo.png");

Answer 3

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

中来解决

  

我希望您知道 “../” Refer Here的含义。如果你知道这一点   你可以轻松解决问题。