2011-10-24 1 views
0

いくつかの2つの潜在的なバグがある...jQueryでバックグラウンドイメージチェンジャーボタンの後にフェードホバーの背景イメージを修正するには?

そこを私は修正するためにどのようにそれを考え出すでしたが、私はあきらめた:

1#これは、ビデオゲームのような高度なUIの一種で、このバーは、グレースケールの色が付属していますバーにマウスオーバーすると、フェード効果でグレーが赤と黒に変わります。次に、このバーをスライドさせるためにボタンを押すと、ホバーは無効になりますが、グレーの領域が外に出ていないという問題があります。

画像はCSSスプライトです。あなたがバーの下にいくつかのボタンを押すと

CSS Sprite for this bar

2#、私は本当に必要

...それはそれは背景をホバーする適用もフェード効果を持つ背景にテクスチャを変更しますが、それはdefinetlyホバー削除します助けてください、私のフィドルはあなたがこれを理解できることを願っています: http://jsfiddle.net/JBFUT/7/

事前に感謝!

答えて

1

あなたは、新しいブラウザをサポートしている場合、私はあなたが2枚の画像を使用することができ、古いブラウザの場合:hover

のRGBAとCSSの不透明度でこれを作業し直すでしょう。あなたが持っているもののグレースケールバージョンと、上と上に置くことができる赤に透明なグラデーションfadeOut。

これにより、同じ効果が得られ、コードが単純化されます。

+0

さて、私は[OK]を、私がどうなる – Ivan

+0

...このホバーのために正しい方法で背景の位置を変更する方法を疑問に思いますそれは私がチャンスがあるとき –

+0

'背景position'含め、あなたが任意のCSSプロパティをアニメーション化することができますjQueryのを使用して – Ivan

関連する問題