在不使用网站大约一个月后,我重新加载了网站,但我的英雄形象消失了。 F12表示div仅高0像素。
`.hero-image {
background-image: url("../newhero(1).png");
/* height: 1000px;*/
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #f2f2f2;
}`
还有
<div class="hero-image">
<div class="hero-text">
<h1>Judy</h1>
<p>Interior Design</p>
</div>
</div>