英雄形象未显示

时间:2018-11-13 12:00:46

标签: html css

在不使用网站大约一个月后,我重新加载了网站,但我的英雄形象消失了。 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>

字母显示在导航栏中,请参见enter image description here

0 个答案:

没有答案