JQuery - IE 6,7 Opacité ne fonctionne pas

Question

Oui, certaines personnes sur le web ont le même problème .. mais il n'y avait pas de vraie réponse à ce sujet. Les devs de JQuery disent que IE 6,7,8 est supportet mais j'ai vraiment besoin de l'animation d'opacité pour obtenir du travail.

Mais cela ne fonctionne pas .. J'ai besoin d'une solution pour l'IE 6,7. J'ai entendu que le filtre alpha de l'IE est une bonne chose .. mais s'il vous plaît donnez-moi quelques conseils mes amis.

Nya - voici quelques codez pour une discussion non-meta:

$('#video').click(function() { 
    $button = $(this); 
    if (clickedv === 0){ 
    if(!$button.hasClass('disabled')) { 
     $button.addClass('disabled'); 
    clickedv = 1; 
    $('#video').animate({width: 0, height: 0, top: 52, left: 311},0); 
     $('.flv').animate({left: 19, opacity: '1'},0).css('display', 'inline'); 
     $('galleria-thumbnails').animate({opacity: '0.3!important'},0); 
     $('.close').animate({opacity: '1'},0, 

     function() { $button.removeClass('disabled') }); 

    } 
    } 

}); 

$('.close').click(function() { 
    $button = $(this); 

    if (clickedv == 1){ 
    if(!$button.hasClass('disabled')) { 
     $button.addClass('disabled'); 
    clickedv = 0; 
    $('#video').animate({width: 164, height: 29, top: 498, marginLeft: 262},0); 
     $('.flv').animate({left: 2222, opacity: '0'},0).css('display', 'none'); 
     $('.close').animate({opacity: '0'},0, 
     function() { $button.removeClass('disabled') }); 

    } 
    } 

}); 

Answer 1

IE ne supporte pas opacity comme un style CSS. Il a des méthodes alternatives pour faire l'opacité via des feuilles de style, en utilisant le style filter spécifique à IE, mais ce n'est pas la réponse que je recommanderais dans votre cas - le CSS peut devenir très moche quand vous devez supporter plusieurs variantes de syntaxe, et pire encore si vous le changez dynamiquement en javascript.

Ce que vous devez faire est d'utiliser les méthodes de fading de jQuery à la place. Cela vous donnera de bons effets de transparence animés compatibles avec tous les navigateurs. Voir le jQuery manual pages for more info.

Answer 2

IE utilise le filtre alpha, donc vous devez faire deux styles pour l'opacité.

opacity:0.3; filter:alpha(opacity=30); 

certaines anciennes versions de Mozilla ont besoin

-moz-opacity:0.3; 

vous pouvez aussi essayer

progid:DXImageTransform.Microsoft.Alpha(opacity=30) 

Answer 3

De mon test ie8 n'aime pas avoir une balise! Important dans l'instruction jquery animate alors que le chrome semble heureux avec elle. Est-ce que cela fonctionne si vous supprimez cela?