没有在asp.net项目中显示的背景图像

Question

我在办公室计算机中创建了 ASP.NET项目，并使用 Google云端硬盘对其进行了同步，以便我可以在家中打开相同的项目。

我的办公室电脑和家用电脑都拥有相同的资源。

我在家用电脑上执行了相同的项目，未显示网页的背景图片。

下面是我用来显示背景图片的css代码

body { 
    background-image: url('/Images/blue.jpg');
}

我也试过了，

body { 
    background-image: url('../Images/blue.jpg');
    background-image: url('~/Images/blue.jpg');
}

我不知道在在不同计算机上打开ASP.NET项目时导致问题的原因。

Answer 1

尝试给出图像的完整路径

例如：

body { 
background: url('http://www.australia.com/contentimages/about-landscapes-nature.jpg');
}

如果它正常工作，则问题在于您的路径，因此您必须更正它。

纠正路径：

1）将图像从文件夹中取出，放在样式表所在的文件夹中

2）将样式作为background-image：url（'blue.jpg'）;

Answer 2

我最近遇到了这个问题。如问题所述

background : url('../images/books.jpeg');

没有用。但是以下解决了我的问题。

background : url("../images/books.jpeg")

我要做的就是将'更改为'

Answer 3

你能提供目录结构吗？因为必定会出现问题，所以两台机器上的内容必须不同。

通常，CSS中的URL必须包含完整的绝对URL或相对于CSS文件的URL（不是HTML，或者在本例中是.aspx文件）。

您可以尝试一条绝对路径，至少为了测试目的，进一步确认那里存在路径问题。