Bagaimanakah saya boleh menindih Div Separuh Lutsinar pada iFrame YouTube?

Menindih Div Separuh Lutsinar Di Atas iFrame YouTube

Video YouTube yang dibenamkan dalam iFrame memberikan cabaran unik apabila cuba menindih separuh -div telus. Tidak seperti kaedah sebelumnya menggunakan elemen dengan wmode="transparent" untuk benam objek, pelaksanaan iFrame требует другой подход.

Memahami Isu

Z-indeks video terbenam iFrame ialah biasanya lebih tinggi daripada semua elemen lain pada halaman. Ini bermakna mana-mana div yang diletakkan di atasnya akan disembunyikan.

Penyelesaian: Menambahkan "wmode=opaque" pada URL iFrame

Penyelesaian terletak pada mengubah suai iFrame YouTube URL dengan menambahkan parameter GET wmode=opaque. Parameter ini menentukan bahawa video harus dipaparkan dalam mod yang membenarkan elemen lain menindikannya.

Penggunaan

Untuk melaksanakan ini, cuma tambah wmode=opaque sebagai parameter pertama dalam URL sumber iFrame. Contohnya:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="https://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

Nota:

• Pastikan wmode=opaque ialah parameter pertama dalam URL.
• Parameter lain hendaklah dilampirkan selepas wmode=opaque.

Dengan mengikuti ini langkah, anda boleh berjaya menindih div separa lutsinar pada video YouTube iFrame yang dibenamkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menindih Div Separuh Lutsinar pada iFrame YouTube?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!