mettiamo caso di avere una cosa di questo genere:
<div id="copertura">
<iframe width="65" height="65" frameborder="0" allowfullscreen="" wmode="transparent" src="http://www.youtube.com/embed/YjI_M9C2MTM?hd=1&rel=0&autoplay=0&a... id="video"></iframe>
</div>
</div>e vogliamo mettere '#coperura' al di sopra di youtube
nell css sarebbe :
#container {
width: 400px;
height: 315px;
z-index: 10;
background-image: url(footer.png);
}
.video{
z-index:-1;
}in teoria dovrebbe andare.... l'unico motivo per cui non dovrebbe andare è il seguente:
se abbiamo un link di youtube in iframe fatto cosi:
<iframe width="65" height="65" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/YjI_M9C2MTM?hd=1&rel=0&autoplay=0&a... id="video"></iframe>
se vedete nelle specifiche di 'src:' c'è '&wmode=opaque' leggendo qua e la ho scoperto che, appunto per far andare lo z-index con i video embeded deve essere '&wmode=transparent'.
pur essendoci non funziona.... qualcuno sa dirmi il perchè????
Se non erro succede con alcuni browser ed è un problema legato a flash.
http://www.chromeos.eu
io ho provato con ff e chrome... ora magari provo con ie e safari....
(ma prima ci stà una patitina a company of heroes ;D)
niente da fare provato con tutti, ma non cambia nulla.... succedono solo a me ste cose??????
esiste allora un sistema per rendere clickabile un iframe???? cioè, mi spiego meglio....
ho questi minivideo di 65x65 con tutto tolto tranne che il grande play davanti....
ora quando uno lo clicca deve aprirsi in colorbox... ovviamente se si clicka su il miniplayer va in play,
ora ho 2 opportunità...
o trovo il sistema di rendere clickabile il player senza che parta e senza z-index di un elemento estrabneo quindi, o sono obbligato a trovare il modo di renderlo z-indexabile sto miniplayer.....