使用jquery更改rgba alpha透明度

可能重复：
jQuery + RGBA彩色动画

嘿，

我想在hover时更改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 color插件不支持rgba。 改为使用它： 链接文本

Answer 2

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

我想你需要改变opacity:1分开。

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