Question

Yeah some people on the web have the same problem.. but there was no real answer on this. The JQuery devs say that IE 6,7,8 is supportet but I really need the opacity animation to get work.

But that does not work.. I need a solution for the IE 6,7.
I heared that the alpha filter of the ie is a good thing.. but please give me some advice my friends.

nya – here some codez for a non-meta discussion:

$('#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 doesn’t support opacity as a CSS style.

It does have alternative methods for doing opacity via stylesheets, using the IE-specific filter style, but that isn’t the answer I’d recommend in your case — the CSS can get very ugly when you have to support several different syntax variants, and even worse if you’re changing it dynamically in javascript.

What you need to do is use jQuery’s fade methods instead. This will give you good cross browser compatible animated transparency effects. See the jQuery manual pages for more info.