Comment afficher la boîte de dialogue jQuery au-dessus de YouTube Video/SlideShare PPT?

Question

Nous utilisons la boîte de dialogue modale jQuery pour obtenir la confirmation des utilisateurs avant de supprimer un élément. La boîte de dialogue modale fonctionne correctement tant qu'il n'y a pas de vidéos YouTube sur l'écran.

S'il existe une vidéo YouTube, la boîte de dialogue s'affiche sous la vidéo. J'ai essayé de changer le z-index du dialogue à 3999, mais aucune utilisation. (Je ne sais pas beaucoup sur CSS)

   $('#dialog').dialog({ 
        autoOpen: false, 
        modal: true, 
        width: 300, 
        zindex:3999, 
        buttons: { 
           'Ok': performDelete_dialog, 
           'Cancel': function(){$(this).dialog('close');} 
           } 
        }); 

Quelqu'un peut suggestme que devons-nous faire pour placer la boîte de dialogue jquery sur des vidéos YouTube?

Answer 1

see this u peut obtenir la solution

Answer 2

Remplacer zindex par zIndex; jQuery prend ces propriétés dans camelCase. En outre, assurez-vous que la valeur que vous spécifiez pour l'index z est plus que celle de l'animation Flash sur la page.

Pour trouver l'index z du film Flash sur la page, vous pouvez utiliser FireBug (un addon FireFox), qui s'avérera également très utile si vous apprenez le CSS ou faites beaucoup de développement web.

Answer 3

Il est un problème avec Flash - voir http://www.ubercart.org/forum/support/2261/youtube_overlapping_thickbox

Cela ressemble à un problème de flash. Essayez en changeant votre "wmode" paramètre sur le clip YouTube à "transparent" ou "opaque".

Answer 4

trouvé dans le dialogue jquery Démo

$('#element').dialog({zIndex: 3999});