Rumah >hujung hadapan web >html tutorial >Penggunaan hebat iFrame sebagai lapisan pop timbul_HTML/Xhtml_Web pengeluaran halaman

Penggunaan hebat iFrame sebagai lapisan pop timbul_HTML/Xhtml_Web pengeluaran halaman

WBOY
WBOYasal
2016-05-16 16:38:231342semak imbas

Saya baru-baru ini bekerja pada projek - Butou Favorites. Ringkasnya, ia adalah untuk mengumpul gambar yang anda suka pada halaman Butou, yang menggunakan banyak aspek tentang iframe Ringkasannya adalah seperti berikut:

1 Gunakan ia sebagai lapisan pop timbul untuk menutupnya

Jika anda melakukannya Jika anda menggunakan topeng hitam jenis itu untuk menutup seluruh halaman, dan ia berlaku bahawa pengguna menggunakan IE6, dan ia berlaku bahawa terdapat elemen pilih pada halaman, ia akan menyebabkan sakit kepala (prinsip tidak akan diulang di sini). Kami akan mendapati bahawa DIV pop timbul tidak dapat menampung pemilihan, dan giliran iframe kami untuk muncul. Logiknya adalah seperti berikut:

Masukkannya ke dalam iframe pada tahap yang sama dengan div pop timbul
Pastikan indeks-z iframe lebih kecil daripada indeks-z pop- up div
Tambahkan saiz semula tetingkap dan tatal acara untuk memastikan iframe boleh meliputi seluruh Halaman halaman

Sebahagian daripada kod

Salin kod
Kod adalah seperti berikut:

var iframe = U.isie6() ? '