Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript jquery animate() opacity acting strange in IE.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31571
    soap
    Participant

    Hello there,

    View the example here

    They are the six boxes near the bottom of the page.

    $('#service_box div a span').hover(function() {
    $(this).stop().animate({
    opacity: 1,
    filter: 'alpha(opacity=100)'
    }, 300);
    }, function() {
    $(this).stop().animate({
    opacity: 0,
    filter: 'alpha(opacity=0)'
    }, 300);
    });

    If you view it in Firefox or Chrome, they are exactly how I want them to be.

    The problem is, if you open it with IE, the black thing with the “Learn More” button aren’t actually fading, just kind of appearing and disappearing. It’s hard to explain so if you can open it up it will be apparent to you.

    I don’t know why this is, anybody know a fix?

    Thanks

    #60938
    soap
    Participant

    Bump, still unresolved.

    #60920
    jamygolden
    Member

    Remove filter: ‘alpha(opacity=0)’

    $('#service_box div a span').hover(function() {
    $(this).stop().animate({
    opacity: 1,
    }, 300);
    }, function() {
    $(this).stop().animate({
    opacity: 0
    }, 300);
    });
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.