用jquery改变rgba alpha透明度[重复]答案

【问题标题】：changing rgba alpha transparency with jquery [duplicate]用jquery改变rgba alpha透明度[重复]
【发布时间】：2011-05-10 20:00:07
【问题描述】：

可能重复：
jQuery + RGBA color animations

嘿，

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

CSS（IE hacks 在单独的文件中 - 这里无需提及）

.boxcaption{
   float: left;
   position: absolute;
   height: 100px;
   width: 100%;
   background: rgb(255, 144, 11);
   background: rgba(255, 144, 11, 0.7);
}

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

【问题讨论】：

标签： jquery animation css opacity rgba

【解决方案1】：

jquery 颜色插件不支持 rgba。改用这个：link text

【讨论】：

感谢您的链接。 cmets中有一个有用的链接：pioupioum.fr/sandbox/jquery-color
此链接需要登录。
链接资源已损坏。
由于链接需要登录，这个答案是没用的。 -1
对不起。它以前不需要它。

【解决方案2】：

我感觉（未经测试猜测）jQuery 没有检查 rbga(...) 的 CSS 背景属性，因此没有应用 hack 修复来更改 @987654322 @。

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

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

【讨论】：

很遗憾这不起作用..但也许我可以删除 rgba 值，因为我有一个 rgb 值作为后备？
是否将zoom:1 或display:inline-block 添加到css 帮助中？我想知道IE中没有“hasLayout”的元素是否存在问题？
我正在 FF3.6 上进行测试。 IE 通过条件 cmets 触发并具有缩放：1 以及用于不透明度黑客的过滤器，因为我需要在透明 div 上具有完全不透明度的类型。