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);
});
War es hilfreich?

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
scroll top