需要帮助！
我试图把一个英雄图片放在我的背景主页上，但我失败了。这些图片与css在一个单独的文件夹中，所以我使用了(../(。它仍然没有成功。我处于初级水平。
hero-image{
background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/graduate.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
<!Doctype>
<html>
<head>
<link rel="stylesheet"href="css/home.css"></link>
<title>Home</title>
</head>
<body>
<div id = "hamburger" class = "sidenav">
<a href = "javascript:void(0)" class="closebtn" onclick="closenav()">×</a>
<a href="home.html">Home</a>
<a href="my_story.html">My Story</a>
<a href="career.html">Career</a>
<a href="education.html">Education</a>
<a href="Portfolio.html">Portfolio</a>
<a href="contact.html">Contact</a>
<!<img alt="icon"src="images/icon.png">
</div>
<span style="font-size:30px; Cursor:pointer" onclick="opennav()">☰</span>
<script>
function opennav(){doctype.getElementById("hamburger").style.display="block";
function closenav(){doctype.getElementById("hamburger").style.display="none";
</script>
<div class="hero-image">
<div class="hero-text">
<h1>The Mindful Hustle</h1>
</div>
</div>
</body>
</html>
第3行结束：url(../images/graduate.jpg);，更改为url(/images/graduate.jpg);。
最初删除线性渐变时只使用图像url，以确保渐变不会隐藏图像或其他内容。
background-image:url(../images/graduate.jpg);
以及背景图像：url(http://clipart-library.com/images/di45bnqMT.jpg)；
这是为了确保问题只与路径有关，而与其他无关。
如果以上两种方法都有效，那么试试这个：
background-image:url(../images/graduate.jpg),
linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
设法解决了这个问题；div."；在CSS:
div.hero-image{ background-image:(..url/images/graduate.jpg)}