2010-11-16 28 views
3

Possible en double:
jQuery + RGBA color animationschanger la transparence alpha rgba avec jquery

hey,

je veux changer l'opacité d'une valeur rgba sur le vol stationnaire, mais l'opacité des séjours à 0,07 .. peut-être vous pouvez m'aider à trouver l'erreur.

CSS (hacks IE sont dans le fichier séparé - pas besoin de les mentionner ici)

.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); 
}); 

Répondre

-5

Le plugin jquery color ne prend pas en charge rgba. utilisez ceci à la place: link text

+0

merci pour le lien. il y avait un lien utile dans les commentaires: http://pioupioum.fr/sandbox/jquery-color/ – tobiasmay

+3

Ce lien nécessite un login. – Gazillion

+0

La ressource liée est rompue. – Iguananaut

1

Je reçois le sentiment (non testé conjecture) que jQuery est ne vérifie pas la propriété d'arrière-plan CSS pour rbga(...) et n'applique donc pas de correctif bidouille pour modifier le filter:alpha().

Je pense que vous devrez changer opacity:1 séparément.

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350); 
+0

malheureusement cela ne fonctionne pas .. mais peut-être que je peux aller en supprimant la valeur rgba depuis que j'ai une valeur rgb pour fallback? – tobiasmay

+0

ajoute "zoom: 1" ou "display: inline-block" à l'aide css? Je me demande s'il y a un problème dû à l'élément n'ayant pas "hasLayout" dans IE? – scunliffe

+0

je suis en train de tester sur FF3.6. IE est déclenché via des commentaires conditionnels et a un zoom: 1 ainsi que des filtres pour le hack d'opacité car j'ai besoin de taper avec une opacité complète sur le div transparent. – tobiasmay