html - 英雄形象不显示

Question

大约一个月没有使用我制作的网站后，我重新加载了该网站，我的英雄形象消失了。F12 说 div 只有 0 px 高..

`.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>

字母显示在导航栏中，请参阅

标签： htmlcss