問題タブ [background-position]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - IE での背景位置の修正
jquery と 2 つの jquery プラグインを使用するコードを実行すると、IE7 でこの問題が発生します。コードは FF3 と Chrome で動作します。
完全なエラーは次のとおりです。
ただし、33行目は空行です。
ドラッグ可能とズームの 2 つのプラグインを使用しています。コードに何をしても、問題があるのは常に 33 行目です。ソースを表示してソースが更新されていることを確認しましたが、これは私に嘘をついている可能性があります。
基本的に私がやろうとしているのは、jQuery を使用して Pragmatic Ajax マップのデモを再作成することです。
このスニペットの 2 行目が問題を引き起こしているようです。
background-position プロパティを選択しようとしているようですが#draggable、見つかりませんか? 手動で追加しbackground-position: 0 0;ても修正されませんでした。この問題を回避する方法についてのアイデアはありますか?
MS Script Debugger を使用してみましたが、ほとんど役に立ちません。変数などを検査できません。
css - IE6 バックグラウンド位置(?) の問題
最後の手段として、stackoverflowを適用します。リンクの背景にある画像を使用しているときに、この ie6 バグが発生しました。ie6 は背景をスクロールするようです。どうすれば回避できますか？
一部の幅では、次のように表示されます:
alt テキスト http://img135.imageshack.us/img135/8849/badie1.png
そして、別の場所では次のように表示されます:
代替テキスト http://img522.imageshack.us/img522/8180/badie2.png
IE7 と FF では、期待どおりに次のように表示されます。
代替テキスト http://img142.imageshack.us/img142/2296/goodie.png
リンクは、右側に浮いている div 内に配置されます。
どうすればこれを回避できますか？
jquery - CSSプロパティを使用して要素の背景を変更する
背景のあるdivがあり、クリック時に背景の位置を変更したいのですが。
これは私のjQueryスニペットです：
これが正常に機能している間に、「2回目」のクリックで元の位置に戻り、すべてをリセットしたいと思います。
うーん、これは「コールバック」と呼ばれるものですか？
私はそれでそうしようとしましたが、うまくいきませんでした：
internet-explorer - IE6 の右枠の Div の背景画像
ヘルプ
Internet Explorer 6 で DIV の右側の境界線に背景画像を配置しようと必死です。
これまでのところ成功していません。
これは私のCSSです：
HTML:
Div は最後に動的に拡張する必要があります。「100 px」はテスト用です。
pngファイルだからでしょうか？
どんな助けにも感謝します。
html - CSS/Javascript IE7+ のように Firefox でこの背景位置のムービーを作成するにはどうすればよいですか?
これが問題のサイトです: www.theorymarine.com
background-image - CSSの背景:位置を設定してからシフトしますか?
background-position プロパティは、「右上」、「16px 16px」、「50% 75%」など、さまざまな方法で設定できます。
質問: 背景画像を配置して、その位置をオフセットする方法はありますか?
例: background-position を「右上」に設定し、「-16px 16px」を使用して左に 16px、下に 16px シフトしますか?
css - CSS background-position: アニメーションとパフォーマンス
見栄えの良いスクロール背景を生成するために、要素の背景位置をアニメーション化する多くの例を見てきました。
これらの例では、一定量のピクセルの後に背景位置を元の場所に配置するために、リセット カウンターでスクリプトを作成する傾向もあります。
私の質問は次のとおりです。タイル張りの背景の背景位置を決してリセットしないことは可能ですか? これにより、当然、時間の経過とともに非常に大きな background-position 値が生成されますが、ブラウザーのパフォーマンスに大きな違いがない場合は問題ない可能性があります。IE、Firefox、および Chrome を 8 時間にわたってテストしましたが、ボックスは比較的高速ですが、悪影響はないようです。
「なぜリセットしないのですか？」に答えるために。質問、それは単純さに帰着します。私は多くの背景要素をそれぞれ異なる X/Y 比率でアニメートしているので、元に戻すピクセル パーフェクト タイミングを正確に計算する必要がないので、作業が楽になります。
誰でもこれについて考えていますか？
jquery - jQueryで背景の位置を変える
li 要素をホバリングしているときに、CSS クラスの背景位置を変更したいと思います。
HTML:
CSS:
これを行う方法に関する提案はありますか？
css - インラインdivの背景が表示されない
私は2つのdivを使用しようとしています。1つは「湾曲した境界線」画像として機能するために左隅に繰り返しのない背景があり、2つ目のdivは、最初のdivの幅によってオフセットされた背景があります。 divの画像は、ページ幅に合わせて滑らかに伸びる1つのソリッド画像のように見えます。説明した方法でこれを実行しようとしましたが、機能せず、引き伸ばされた繰り返しの背景divのみが表示されます。私はあなたの一人が提案する何かを最初から試してみたいと思います。
css - CSS: 背景位置: ???;
願わくば、これらの図が私が求めているものを説明してくれることを願っています。赤は背景、グレーは Web ページを表します。
違う
右
どうすればこれを達成できますか? 私は試してみましbackground-position: bottom right;たが、それはすべて間違っています。