Mengapa Imej Latar Belakang Tetap Saya Kabur dalam iOS7 dan Bagaimana Saya Boleh Membetulkannya?

Membetulkan Isu Imej Latar Belakang dalam iOS7

Seseorang boleh menghadapi kesukaran apabila menggunakan imej latar belakang tetap dalam iOS7. Isu ini timbul apabila imej latar belakang kelihatan dibesarkan dan kabur, terutamanya pada iPad. Untuk menangani perkara ini, adalah perlu untuk memeriksa kod CSS yang digunakan.

Coretan kod yang disediakan oleh pengguna termasuk pengisytiharan 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;
}

Gabungan yang bermasalah ialah penggunaan latar belakang -lampiran: tetap dengan latar belakang-saiz: penutup. Gandingan ini menyebabkan isu keserasian dengan banyak penyemak imbas mudah alih, termasuk iOS7.

Penyelesaian 1: Latar Belakang-Lampiran: Tatal

Satu pilihan ialah menggantikan latar belakang lampiran: tetap dengan lampiran latar belakang: tatal. Walaupun ini tidak akan mencapai kesan "tetap" yang diingini, sekurang-kurangnya imej akan kelihatan.

Penyelesaian 2: Kedudukan Latar Belakang: Tatal dengan JavaScript

Sebagai alternatif , seseorang boleh menggunakan kedudukan latar belakang: tatal dan laksanakan JavaScript untuk mengekalkan kedudukan imej di bahagian atas port pandangan. Pendekatan ini memerlukan pengekodan yang lebih maju sedikit tetapi menawarkan penyelesaian yang lebih menarik secara visual.

Atas ialah kandungan terperinci Mengapa Imej Latar Belakang Tetap Saya Kabur dalam iOS7 dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!