用jquery改变rgba alpha透明度[重复]
Posted
技术标签:
【中文标题】用jquery改变rgba alpha透明度[重复]【英文标题】:changing rgba alpha transparency with jquery [duplicate] 【发布时间】: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);
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);
);
【问题讨论】:
【参考方案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 上具有完全不透明度的类型。以上是关于用jquery改变rgba alpha透明度[重复]的主要内容,如果未能解决你的问题,请参考以下文章