为什么css背景图片不显示?我检查了图像位置是否正确。
HTML代码:<section id="hero-image">
<h1>paper</h1>
</section>
CSS代码:
.hero-image{
background-image: url(img/Slideshow/slide.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
在你的CSS代码中,尝试改变.hero-image
#hero-image
。这是因为你已经定义了hero-image"作为ID。当你在HTML中搜索ID时,你使用#hero-image
。