Question

可能重复：
jQuery + RGBA color animations

哎，

我想在悬停时更改rgba值的不透明度，但不透明度保持在.07 ..也许你可以帮我找到错误。

CSS（IE黑客是单独的文件 - 这里不需要提及）

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

Answer 1

我感觉（ 未经测试 猜测）jQuery没有检查rbga(...)的CSS后台属性，因此没有应用黑客修复来更改filter:alpha()。

我认为您需要单独更改opacity:1。

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

Answer 2

jquery color插件不支持rgba。请改用：link text

用jquery改变rgba alpha透明度

2 个答案: