Pregunta

Duplicar posibles:
jQuery + RGBA animaciones de color

bueno,

quiero cambiar la opacidad de un valor RGBA en vuelo estacionario, pero las estancias de opacidad en 0,07 ou .. tal vez pueda ayudar a encontrar el error.

CSS (hacks IE están en archivo separado - no hay necesidad de mencionarlos aquí)

.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);
});
¿Fue útil?

Solución

el plugin de color jQuery no es compatible con RGBA. utilizar esto en su lugar: texto del enlace

Otros consejos

Me da la sensación ( no probado conjetura) que jQuery no está comprobando la propiedad background CSS para rbga(...) y por lo tanto no aplicar un arreglo truco para cambiar la filter:alpha().

Creo que necesita para el cambio opacity:1 por separado.

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top