gpt4 book ai didi

html - 背景图片不会显示在 div 中

转载 作者:太空宇宙 更新时间:2023-11-03 21:30:19 24 4
gpt4 key购买 nike

这是我的 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>

我还没有找到任何解决方案来解释为什么这个背景图片不显示。

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

最佳答案

background-image 的 URL 需要来自 CSS 文件的路径,而不是来自根目录的路径。

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

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

关于html - 背景图片不会显示在 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29808981/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com