改变RGBA Alpha透明度与jQuery

可能重复：
jQuery + RGBA color animations 改变RGBA Alpha透明度与jQuery

哎，

我想改变悬停的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); 
}

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

来源

2010-11-16 tobiasmay

-5

jquery color插件不支持rgba。用这个来代替：link text

来源

2010-12-17 19:59:29

感谢您的链接。评论中有一个有用的链接：http://pioupioum.fr/sandbox/jquery-color/ – tobiasmay 2011-01-24 15:49:29

此链接需要登录。 – Gazillion 2013-07-17 20:59:31

链接的资源已损坏。 – Iguananaut 2013-11-29 19:48:48

给我的感觉（未经测试猜测）说jQuery是不检查rbga(...)的CSS背景属性，因此不应用修补程序来修改filter:alpha()。

我想你会需要单独更换opacity:1。

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

来源

2010-11-16 13:49:45 scunliffe

可悲的是，这并不工作..但也许我可以通过删除RGBA值去，因为我有一个后备RGB值？ – tobiasmay 2010-11-16 13:56:37

增加'zoom：1'或'display：inline-block'给css帮助？我想知道是否有一个问题，因为在IE中没有“hasLayout”的元素？ – scunliffe 2010-11-16 15:45:18

我正在测试FF3.6。 IE通过条件注释触发，并具有缩放：1和不透明黑客的过滤器，因为我需要透明div上的完全不透明类型。 – tobiasmay 2010-11-16 16:18:03

改变RGBA Alpha透明度与jQuery

回答

相关问题