我在创建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{}
1条答案
按热度按时间kwvwclae1#
您写入了
backgound-image
而不是background-image
,更改它应该可以解决问题。