問題タブ [background-position]

バックグラウンド スプライトを配置し、(jQuery を使用して) ホバー時に位置を変更しています。Chrome、IE(8)、および Safari (私は PC、Win 7 を使用しています) で期待どおりに動作しますが、問題が発生していますファイアフォックス (4). 何も起こらず、エラー コンソールに次のように表示されます。

警告: 'background-position' の値を解析中にエラーが発生しました。宣言は下されました。

最初に背景を次のように配置します。

ホバー時の位置を次のように変更します。

デバッグするために、「-787px left」を「左上」に変更してみましたが、うまくいきました。問題は、Firefox で px を使用して背景を配置しているようです。これはバグ（機能... hehe）ですか、それとも単に何か間違っているのですか...？( em と % も使用してみましたが、どれもうまくいきませんでした。)

いくつかの機能ボックスの上部と下部の丸い境界線の2つの画像を持つスプライトがあります。HTMLの例：

そしてCSS：

FF 3および4、Chrome、IE 7、8、および9では、.topおよび.bottom divが中央のdivを「ハグ」してボックス効果を作成し、正常に表示されます。

ただし、IE6では、.top divは背景画像全体を表示し、高さが何らかの形で増加しているように見えます。開発者ツールバーでは高さが4pxと表示されていますが、8px画像全体が表示されているため、明らかにそうではありません。中央のdivが開始する前に、その下に同じ量のピクセルの空白があります。

誰かがこれを以前に経験したことがありますか？フィードバックをいただければ幸いです

ありがとう

protofunc () の background-position-plugin なしで機能する単純な背景画像アニメーションを作成することはできません。

以前にプラグインを使用しましたが、すべて正常に機能しました。ただし、jQuery の 1.6 バージョン以降、プラグインは壊れており、もう機能しません。

このプラグインなしで簡単に backgroundPosition Animation を作成できる可能性はありますか?

これは私が使用しているコードです:

私は以前にこの種のことをしたことがありますが、今はうまくいきません...

コンテナdivと、部分的に透明な画像を含むdivがあります。ユーザーがコンテナdivにカーソルを合わせると、そのdivの背景が0px〜56px移動するようにします。私はいつものようにアニメーションを使ってこれを試しましたが、機能しません。当初、私の古いスクリプトは1.6では機能しなかったので、1.4.2に戻っても違いはありません。したがって、私のコードはごみです...

何か案は？

問題が発生しました:/ホバー時に背景の位置を変更する CSS を取得しました。しかし、ホバーを変更する JavaScript で関数を実行すると、CSS が機能しなくなります。

これは機能です：

}

Live at http://enji.se (左上隅の木を押す)

「ロールオーバーボタン」を装ったタグが3つあります。

各ボタンは、次のように CSS から初期画像を取得します。

今、特定の要素ごとに初期背景位置を割り当てようとすると:

問題:各ボタンのデフォルトの位置は 0 0です

ホバー位置が期待どおりに機能することに注意してください。

私は今ちょっと気分が悪いので、これはおそらく見落としかもしれませんが、私はこれに1時間足を踏み入れていて、それを理解することができません.

何かご意見は？

ありがとう

編集ペーストビン愛http://pastebin.com/SeZkjmHa

だから私は気の利いた効果であるべきものに取り組んでいます。li高さ40pxの がたくさんあります。上部の 40px が最初の背景、次の 40px が 2 番目の背景になるように背景画像を表示したいli...などなど...

現在、画像の上部セクションのみが表示されます。bgCount をインクリメントできません... 何か提案はありますか?

JSfiddle: http://jsfiddle.net/yZDDK/4/

これが私のCSSです：

これは私のHTMLです：

画像をX軸の中央に配置し、Y軸を上に配置しようとしています。しかし、私のCSSクラス.headerはそれを行いません。私が間違っていることがわかりますか？

編集：上部の中心を回転させることも機能しません

ギャラリーに画像スプライトを使用しています。適切な場所に適切な背景画像を取得するには、これを使用します。

多くの div タグがあり、追加する数がたとえば 200 ではなく 73px の場合、すべての背景値をカウントするのに時間がかかります。また、大量の CSS コードが必要です。

CSS3 を使用して別の方法で同じ結果を得ることができますか?

それ以外の場合は、誰かが私の jquery スクリプトを見て、より良い方法 (スクリプトが機能する) があるかどうかを確認できますか?

jQuery プラグイン 'iCheckbox' (http://stackoverflow.com/questions/6032538/) をアップグレードして jQuery 1.4.4 以上で動作するようにしようとして、

に変更する必要がありました

1 つのパラメーターを持つプロパティのみを使用する必要があるためです。これまでのところ、これは理にかなっていますが、待ってください.. Safari と Chrome では正常に動作していますが、FF4 (すべて Mac 上) では動作していません。

だから私はこれとそれを試してみましたが、最終的にそれを変更すると

それはどこでも動作します！しかし、ここで何が起こっているのですか？パラメータを 1 つ指定するだけで動作しますが、それが X 軸用か Y 軸用かは指定していません (したがって、デフォルトで X 軸になっているようですが、Y 軸で動作させたい場合はどうすればよいでしょうか?)

これは奇妙に思えます。ここでの私の解決策は正しい方法ではありません..だから、アドバイスが必要です:

どうしたの？

jQuery 1.4 - 1.6 を使用して背景位置をどのようにアニメーション化すれば、ブラウザ間で動作するようになりますか?