gpt4 book ai didi

html - 图像背景未加载 CSS

转载 作者:太空宇宙 更新时间:2023-11-03 22:48:25 25 4
gpt4 key购买 nike

好的,我无法对任何其他问题发表评论,这就是我发布新问题的原因。

我已经尝试了 this 中建议的所有解决方案回答,this

#head {
text-align: center;
font-family: roboto;
}

body, html {
height: 100%;
}

.parallax {

background-image: url('.../pics/parallax.jpg');

height: 100%;

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
  <!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/text.css">
<script src="scripts/jquery-3.1.0.min.js"></script>
<script src="scripts/jquery.animate-color.js"></script>
<script src="scripts/custom_scripts.js"></script>
<title>Yadullah.me</title>
</head>
<body>
<h1 id="head"> Hi there!</h1>

</body>
</html>

很简单吧?但出于某种原因,背景图像拒绝显示。
我曾尝试在同一个文件夹中使用我的 CSS、HTML 和图像,但没有成功。在不同的子目录中尝试,没有成功。

我检查了文件名、扩展名和所有这些东西。试过不加引号什么的。甚至尝试了不同的图像。也尝试删除所有其他 CSS 文件,但没有任何效果。

最佳答案

您的样式属性中的停靠点太多了。您的 CSS 应如下所示:

.parallax {
background-image: url('../pics/parallax.jpg');
...
}

关于html - 图像背景未加载 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41171877/

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