Boîte modale sur la visibilité iframe

Question

J'ai une page html qui contient iframe d'un autre site. A gauche de iframe j'ai un lien qui ouvre la boîte modale avec la vidéo de Vimeo.com. Le problème est quand je clique et ouvre la boîte modale, la fenêtre modale est coupée par iframe. Dans certains navigateurs, seuls les bords de la fenêtre modale sont coupés et dans certaines vidéos intégrées. J'utilise http://colorpowered.com/colorbox/, basé sur jQuery. J'ai essayé de changer les attributs "wmode" pour les vidéos iframe et modal box, jouées avec z-index mais ça ne fera pas la magie.

Answer 1

OK, je l'ai corrigé. Merci pour la réponse, mais après un certain temps, j'ai enveloppé div wrapper de la boîte de couleur dans Iframe et que les choses fixes. Je devais encore spécifier les attributs "wmode" dans les balises flash.

Answer 2

Malheureusement, le dialogue de jQuery est lié par la page elle-même. Je ne sais pas comment vos compétences jQuery sont habiles, mais une solution possible (quoique hacky) pourrait être d'extraire la div utilisée comme boîte de dialogue sur ce site et de l'ajouter au corps de la page qui utilise l'iframe.

$('body').prepend($('div').detach(); 

Vous ne savez pas si cela va le réparer, mais vous pouvez essayer. Si rien ne se passe, vous devrez peut-être recâbler le bouton pour exécuter exactement le même javascript sauf sur votre page et non sur celle incluse dans l'iframe (incluez le javascript directement depuis la page plutôt que de la copier localement). Si tout va bien, vous pouvez faire fonctionner la boîte de dialogue sans avoir à écrire la fichue chose vous-même.