Bagaimanakah saya boleh menindih Div Legap pada iFrame YouTube?

Menindih Div Legap pada YouTube iFrame

Membenamkan video YouTube menggunakan iFrames memberikan cabaran apabila cuba menindih div lutsinar. Walaupun kaedah sebelumnya yang melibatkan wmode="transparent" tidak lagi digunakan untuk iFrames, terdapat penyelesaian yang membenarkan penambahan div legap.

Kuncinya terletak pada menambahkan parameter GET "wmode=opaque" ke URL YouTube. Parameter ini mengarahkan iFrame untuk menggunakan mod legap, menghasilkan z-indeks di bawah elemen lain.

Untuk menggunakan ini pada kod yang disediakan, cuma kemas kini URL dalam teg iFrame seperti berikut:

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

Perhatikan bahawa "wmode=opaque" hendaklah menjadi parameter pertama dalam URL, dengan mana-mana parameter lain mengikutinya. Sebaik sahaja perubahan ini dibuat, div dengan "tindihan" ID akan berjaya menindih video YouTube dengan kelegapan yang diingini.

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