Bagaimana untuk Membetulkan Imej Latar Belakang Kabur pada iOS 7?

Isu Imej Latar Belakang Tetap dalam iOS 7

Melaksanakan imej latar belakang tetap mungkin terbukti bermasalah pada iOS 7, terutamanya pada iPad, mengakibatkan imej yang dizum dan kabur. Untuk menyelesaikan masalah ini, semak kod CSS berikut:

.header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url(../images/boston2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Penyelesaian Kemungkinan:

• Gunakan 'lampiran latar belakang: tatal': Ini akan menghalang imej daripada diperbaiki, tetapi ia mungkin sekurang-kurangnya memaparkannya dengan jelas.
• Laksanakan pertanyaan media: Hadkan gelagat latar belakang tetap kepada peranti yang bukan tablet atau telefon, menggunakan pertanyaan media seperti:

@media screen and (max-device-width: 1024px) {
  .header {
    background-attachment: scroll;
  }
}

• Gunakan 'background-position: scroll' dan JavaScript: Pastikan imej tetap di bahagian atas tetingkap menggunakan JavaScript.

Dengan mempertimbangkan penyelesaian ini, anda boleh memaparkan imej latar belakang tetap pada iOS 7 dengan berkesan tanpa menghadapi masalah.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Imej Latar Belakang Kabur pada iOS 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!