Ce problème se manifeste lorsqu'on a une video sur une page avec un menu déroulant, ou une fenêtre modale. La video (flash pouerk) se met par dessus le menu, même si la règle z-index est bien gérée.
Si tu as ce problème (et qui, en général, arrive sur Chrom(e)(ium) et IE, mais pas sur Firefox), voici une solution très simple à implémenter.
Il suffit d'exécuter ce code jquery :
$(document).ready(function (){ $('iframe').each(function() { var url = $(this).attr("src"); if ($(this).attr("src").indexOf("?") > 0) { $(this).attr({ "src" : url + "&wmode=transparent", "wmode" : "Opaque" }); } else { $(this).attr({ "src" : url + "?wmode=transparent", "wmode" : "Opaque" }); } }); });
Ce code ajoute le paramètre &wmode=transparent à l'attribut src ainsi que wmode="opaque" en tant qu'attribut à toutes les balises iframe de la page.
Merci à stackoverflow et à EIF chez qui j'ai corrigé le problème.
Commentaires