changing rgba alpha transparency with jquery [duplicate]

问题

This question already has answers here:

Closed 8 years ago.

Possible Duplicate:
jQuery + RGBA color animations

hey,

i want to change the opacity of an rgba value on hover, but the opacity stays at .07.. maybe ou can help me find the mistake.

CSS (IE hacks are in seperate file - no need to mention them here)

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

回答1:

the jquery color plugin doesn't support rgba. use this instead: link text

回答2:

I get the feeling (untested guess) that jQuery is not checking the CSS background property for rbga(...) and thus not applying a hack fix to change the filter:alpha().

I think you'll need to change opacity:1 separately.

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

来源：https://stackoverflow.com/questions/4194745/changing-rgba-alpha-transparency-with-jquery