我的背景图片加载不出来!谁能告诉我发生了什么事?是因为 Gatsby 吗?我应该改用 gatsby-image 吗?
background-image: url('/src/components/images/header.png');
background-size: cover;
background-position: center;
width: 100%;
}
<div id="page">
<div className='header'>
<h1>Header</h1>
</div>
<div>
<h1>About</h1>
</div>
<div>
<h1>Projects</h1>
</div>
</div>
最佳答案
我们实际上没有您的代码,因此我们不知道您使用的是哪个代码。但我们确实知道哪些代码有效,如下所示:
.header {
background-image: url("/image/YLMDq.jpg?s=48&g=1");
background-size: cover;
background-position: center;
width: 100%;
}
<div class="header">
<h1>Header</h1>
</div>
主要区别可能是在 CSS 中我使用了双引号。
关于css - 为什么背景图片加载不出来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58624439/