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

Mengatasi Isu dengan Imej Latar Belakang Tetap dalam iOS7

Apabila menggunakan imej latar belakang tetap dalam CSS, seperti yang ditunjukkan dalam contoh yang disediakan dengan kelas " .header", isu timbul khusus pada peranti iOS7. Pada iPad, imej latar belakang menjadi dizum masuk dan kabur. Masalah ini berpunca daripada penggunaan "lampiran latar belakang: tetap" bersama-sama dengan "saiz latar: penutup."

Penyelesaian 1: Gunakan Lampiran Latar Belakang: Tatal

Untuk menangani isu ini, satu pilihan ialah menggunakan "lampiran latar belakang: tatal" dan bukannya "tetap." Pelarasan ini membolehkan imej latar belakang menatal bersama kandungan halaman. Walaupun ia menyimpang daripada kesan tetap yang diingini, ia memastikan imej kelihatan.

Penyelesaian 2: Laksanakan Kedudukan Latar Belakang: Tatal dengan JavaScript

Sebagai alternatif, seseorang boleh menggunakan pendekatan yang lebih rumit dengan menetapkan "kedudukan latar belakang: tatal" dan memasukkan JavaScript untuk mengekalkan kedudukan imej di bahagian atas tetingkap, tanpa mengira menatal. Penyelesaian ini memberikan kesan tetap yang diingini sambil juga mengurangkan masalah iOS7. Demonstrasi pendekatan ini boleh didapati dalam pautan yang disediakan.

Menggunakan Pertanyaan Media untuk Pelarasan Khusus Peranti

Untuk memperhalusi penyelesaian ini dengan lebih lanjut, seseorang boleh menggunakan pertanyaan media berdasarkan peranti yang disasarkan. Dengan memanfaatkan sintaks "@media screen dan (max-device-width: 1024px){}", adalah mungkin untuk mengehadkan pengubahsuaian gelagat latar belakang kepada peranti tablet dan telefon secara khusus.

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