Question

这是我的HTML代码

.jumbotron
    {
    	background-image: url("file://C:\xampp\htdocs\CSProject\images\Psi.png");
    	height: 250px;
    	width: 250px;
    }

<!DOCTYPE html>
    <html>
    	<head>
    		<link rel="stylesheet" href="stylesheet.css">
    	</head>
    	
    	<body>
    		<div class="jumbotron">
    		</div>
    	</body>
    </html>

我无法找到任何有关此背景图片无法显示的解决方案。

感谢您提供任何帮助或信息。

Answer 1

background-image的网址需要从您的CSS文件路径，而不是从您的根目录。

因此，如果您的CSS文件包含在CSProject文件夹中，请尝试更改：

.jumbotron {
  background-image: url("images/Psi.png");
}

Answer 2

它与您的图像路径有关...就像Erez建议我会使用相对路径。

如果你的HTML代码和＆＃39;图片＆＃39;文件夹位于＆＃39; CSProject＆＃39;文件夹，然后引用该图像

background-image:url('/images/Psi.png');

这让我想到了下一点，为什么你的文件路径使用反斜杠？它应该是

 /htdocs/CSProject/images/Psi.png

背景图像不会显示在div中

2 个答案: