jQueryによるRGBAアルファ透明性の変化[重複
質問
可能な複製:
jQuery + RGBAカラーアニメーション
おい、
ホバーのRGBA値の不透明度を変えたいのですが、不透明度は.07にとどまります。
CSS(つまり、ハックは別のファイルにあります - ここで言及する必要はありません)
.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);
});
解決
jQueryカラープラグインはRGBAをサポートしていません。代わりにこれを使用してください: テキストをリンクします
他のヒント
私は感情を得ます(テストされていない 推測)jQueryがCSSバックグラウンドプロパティをチェックしていないこと rbga(...)
したがって、ハック修正を適用して変更しません filter:alpha()
.
変更する必要があると思います opacity:1
別々に。
.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
所属していません StackOverflow