4

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

嘿，

我想在悬停时更改 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);
}

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

2 回答 2

1

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

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

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
于 2010-11-16T13:49:45.067 回答
-5

jquery 颜色插件不支持 rgba。改用这个：链接文本

于 2010-12-17T19:59:29.530 回答