我发现我的背景图片没有显示在iPhone上。但是,它可以在android设备中完美运行。请在这方面帮助我。我正在使用视差效果。
HTML部分:
<section id="showcase">
<div class="container text-center">
<div class="home-search p-5">
<div class="overlay p-5">
CSS部分:
#showcase {
background: url(../img/showcase.jpg) no-repeat top center fixed/cover ;
position: relative;
min-height: 650px;
color: #fff;
padding-top: 6rem; }
#showcase .home-search {
min-height: 400px;
position: relative;
border-radius: 5px; }
#showcase .overlay {
content: '';
position: absolute;
top: 0;
left: 0;
min-height: 400px;
width: 100%;
background: rgba(51, 51, 51, 0.8); }
最佳答案
请尝试这个。
#showcase {
background: url(../img/showcase.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
position: relative;
min-height: 650px;
color: #fff;
padding-top: 6rem; }