Imej latar belakang tidak boleh dipaparkan pada iPad.

Question

Saya meletakkan imej latar belakang di bawah bar navigasi supaya apabila anda menatal ke bawah, bar navigasi bergerak ke bawah bersama anda. Tetapi apabila saya melihatnya pada iPad saya, saya melihat bahawa imej latar belakang kelihatan biru gelap yang hampir dengan hitam.

.background__image {
  lebar: 100%;
  imej latar belakang: url("https://gambar-latar belakang.jpg");
  background-repeat: tiada-ulang;
  latar belakang-kedudukan: pusat tengah;
  lampiran latar belakang: tetap;
  saiz latar belakang: penutup;
  ketinggian: 800px;
  text-align: tengah;
  paparan: flex;
  justify-content: pusat;
}

Answer 1

.background__image {
  width: 100%;
  background-image: url("https://background-image.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 800px;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  /* Adjust the max-width value as needed */
  .background__image {
    background-attachment: scroll;
  }
}

尝试使用媒体查询设置最大宽度为768px（根据您的需求进行调整），以针对较小的屏幕，如iPad或其他移动设备。在媒体查询内部，将background-attachment属性设置为scroll，使背景图片能够随内容在这些设备上一起滚动。