cambiar la transparencia RGBA alfa con jquery [duplicado]
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);
});
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