Imej latar belakang tidak boleh dipaparkan pada iPad.
P粉879517403
P粉879517403 2023-07-25 11:58:00
0
1
714
<p>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. </p> <pre class="brush:php;toolbar:false;">.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; }</pre> <p><br /></p>
P粉879517403
P粉879517403

membalas semua(1)
P粉680087550
.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,使背景图片能够随内容在这些设备上一起滚动。
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan