用html和css创建一个网站,在显示我的背景照片时遇到问题

axkjgtzd  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(143)

我在创建HTML网站时无法显示照片。我尝试创建视差背景,但照片无法显示。如果有人可以,请向我解释我做错了什么。
下面是我的HTML代码:

<div class="wrapper_outer">
        <div class="wrapper">
            <div class="parallax_section">
                <div class="parallax_bg" style="backgound-image: url(content/Family.jpg);"></div>
                <h2>Welcome</h2>
            </div>
        </div>
    </div>

下面是我的css代码:

.wrapper_outer{}
.wrapper{}
.parallax_section{
    min-height: 100vh;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    position: relative;
}
.parallax_bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
    min-height: 100%;

}
.parallax_section h2{}
kwvwclae

kwvwclae1#

您写入了backgound-image而不是background-image,更改它应该可以解决问题。

<div class="wrapper_outer">
    <div class="wrapper">
        <div class="parallax_section">
            <div class="parallax_bg" style="background-image: url(content/Family.jpg);"></div>
            <h2>Welcome</h2>
        </div>
    </div>
</div>

相关问题