Hirdetés

Új hozzászólás Aktív témák

  • Brown ügynök

    senior tag

    Sziasztok!

    Van egy css kódom amit át kell ültetnem js-be, hogy a hőn szeretett (nem) IE-ben is működjön az animáció. Tehát arról van szó, hogy ha a .stie div fölé visszük az egeret, akkor a háttér kifehéredik. Ha pedig az egér elhagyja ezt a területet, akkor ismét a háttérkép lesz látható. A következő js kóddal próbálkoztam, ami néha jó IE-ben, néha nem (konkrétan a szöveg eltűnik a .site div elemből és csak a .site elem háttere látható). Ha valaki tudna rá megoldást vagy jobb megoldást, megköszönném.

    if ($.browser.msie) {
    $('.site div').mouseover( function() {
    $(this).animate( {opacity: 0}, { duration:400})
    .mouseleave(function(){
    $(this).animate({opacity: 1}, { duration:400})
    })

    });

    }

    Chrome-ban, FF-ben pedig:

    .site {
    background: url('../images/hatter.jpg') repeat-x center bottom;
    }

    .site div {
    -webkit-transition: background 0.5s ease-in-out;
    ... stb.
    }

    .site div:hover {
    background:#fff;
    }

Új hozzászólás Aktív témák