Фоновое изображение не отображается в iPhone

Question

Я обнаружил, что мое фоновое изображение не отображается на 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); }

Answer 1

Пожалуйста, попробуйте с этим.

#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; }