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

• #1705 Brown ügynök senior tag

  Új Válasz 2012-12-06 11:19:25 #1705

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  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