asp.net - 背景图像未显示在 asp.net 项目中

Question

我在我的办公室计算机上创建了 ASP.NET 项目并使用Google Drive同步了它，这样我就可以在家中打开相同的项目。

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

我在家里的电脑上执行了同样的项目，网页的背景图没有显示。

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

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

我也试过，

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

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

score 3 · Accepted Answer

尝试提供图像的完整路径

例如：

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

如果它正常工作，那么问题出在你的路径上，所以你必须纠正它。

要更正路径：

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

2) 将样式作为背景图像： url('blue.jpg');

score 1 · Accepted Answer

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

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

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

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

我所要做的就是把'变成'

score 0 · Accepted Answer

你能提供目录结构吗？因为肯定有什么地方出了问题，所以两台机器上肯定有一些不同的地方。

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

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

3 回答 3