Domanda

Eventuali duplicati:
jQuery + RGBA animazioni colore

hey,

voglio cambiare l'opacità di un valore RGBA al passaggio del mouse, ma i soggiorni di opacità a 0,07 .. forse ou può aiutarmi a trovare l'errore.

CSS (hack IE sono in file separato - non c'è bisogno di parlare di loro qui)

.boxcaption{
   float: left;
   position: absolute;
   height: 100px;
   width: 100%;
   background: rgb(255, 144, 11);
   background: rgba(255, 144, 11, 0.7);
}

JS

var thumbslide = $('.boxgrid.captionfull').click(function() {
    $('.boxgrid.captionfull.clicked').removeClass('clicked').children('.cover').stop().animate({top: 230, background: 'rgba(255, 144, 11, 0.7)'}, 350);
    $(this).toggleClass('clicked').children('.cover').stop().animate({top: 0, height:"230px", background: 'rgba(255, 144, 11, 1)'}, 350);
});
È stato utile?

Soluzione

il plugin jQuery colore non supporta RGBA. utilizzare questo invece: testo del link

Altri suggerimenti

Ho la sensazione ( non testati indovinare) che jQuery non sta controllando la proprietà background CSS per rbga(...) e quindi non applicare una correzione hack per modificare la filter:alpha().

Credo che avrete bisogno di cambiamento opacity:1 separatamente.

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top