4

重複の可能性:
jQuery + RGBA カラー アニメーション

おい、

ホバー時に 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);
}

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(...)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 color プラグインは rgba をサポートしていません。代わりにこれを使用してください:リンクテキスト

于 2010-12-17T19:59:29.530 に答える