代码之家 › 专栏 › 技术社区 › tobiasmay

用jquery更改rgba alpha透明度[重复]

rgba opacity css3 animation jquery

tobiasmay · 技术社区 · 14 年前

可能重复:
jQuery + RGBA color animations

嘿,

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

CSS(即黑客在单独的文件中-无需在此提及)

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

2 回复 | 直到 14 年前

-5

Daniel Node.js 14 年前

jquery颜色插件不支持rgba。改为使用: link text

scunliffe 14 年前

我有这种感觉( 未测试 猜测)jquery没有检查的css background属性 rbga(...) 因此不应用黑客修复来更改 filter:alpha() .

我想你需要换衣服 opacity:1 分开。

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

推荐文章

camjames · Android Studio中的不透明度级别

7 年前

david · 标题栏中的滑块小部件

7 年前

David C. · 同级元素继承不透明度

7 年前

lulZghost · css不透明度转换不工作

7 年前

paulcook · CSS带渐变遮罩的垂直滚动字幕

7 年前

dzierzak · 谷歌表格图表-如何设置行的透明度?

7 年前

Vandan Shah · 粘性表格标题结构中的不透明度问题

7 年前

Jakob · 禁用(neo)vim中的背景透明度

8 年前

user8646839 · 我可以在Android Google map API中设置多段线不透明度吗

8 年前

Arkadis Stepanov · CSS不透明度在li中不起作用

8 年前