Ändern rgba Alpha-Transparenz mit jquery [Duplikat]
Frage
Mögliche Duplizieren:
jQuery + RGBA-Farbanimationen
hey,
Ich möchte die Opazität eines rgba Wert auf schweben ändern, aber die Opazität Aufenthalte in .07 .. vielleicht kann ou mir helfen, den Fehler zu finden.
CSS (IE-Hacks sind in separater Datei - keine Notwendigkeit, sie hier zu nennen)
.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);
});
Lösung
die jquery Farbe Plugin nicht unterstützt rgba. Verwenden Sie stattdessen: Linktext
Andere Tipps
Ich habe das Gefühl, ( ungetestet Vermutung), dass jQuery nicht die CSS-Eigenschaft background für rbga(...)
überprüft und somit keinen Hack Fix angewendet haben die filter:alpha()
zu ändern.
Ich glaube, Sie zu ändern opacity:1
separat benötigen.
.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow