iframe e z-index soluzioni

Purtroppo se sei arrivato fino a questa pagina ti sarai accorto/a che un iframe non è compatibile con valori css z-index e non viene visualizzato quello che vorremmo in maniera adeguata.
Come possiamo risolvere questo problema?
Supponiamo che volessimo inserire un video di youtube sopra elementi div. Es. :

 <iframe title="YouTube il video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI" frameborder="0" wmode="Opaque">

In maniera normale non avremmo mai il risultato che vorremmo ma, ci basta inserire ?wmode=transparent al link, in questo caso del video per avere il risultato cercato.

 <Iframe title = "video player di YouTube" width = height "480" = "390" src = frameborder "http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" wmode = "0" = "opaca" >

Se propio non funzionasse ed è improbabile potete aggiungere il seguente javascript Jquery al youtube iframe z-index:

 $ (Document). Ready (function ()

$ ('Iframe'). Each (function ()

var url = $ (this). attr ("src")

$ (This). Attr ("src", url + "? Wmode = transparent")

);

);

Ora sicuramente il vostro iframe riconoscerà il z-index e potete utilizzarlo come volete.