問題タブ [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.
css - Nivo の背景位置が無視されている
私が新しいデザインに実装している nivo スライダーの背景の配置について、誰かが私の css のトラブルシューティングを手伝ってくれることを望みます。
background-position が無視されて.nivo-nextNavおり、その理由がわかりません。
これが私のcssです：
ページへのリンク: http://www.plumeriawebdesign.com/Headstand%20Software/
私は今それを働いています。css を.nivo-directionNav a次のように変更しました。
これで背景が適切に配置されました。なぜそれが彼らのサイトのデフォルトのスライダーで機能し、私のものではないのか不思議です. 私には奇妙です。
jquery - 複数の背景のcss背景位置を変更するjquery
jqueryを使用して、解像度に応じて要素の背景画像の位置を変更しようとしています。コード：
CSSでは、次のように要素の複数の背景を変更します。
これは機能しないため、jqueryで変更するように定義することはできません
css - background-position-x (background-position-y) は標準の W3C CSS プロパティですか?
と が気にbackground-position-xなりbackground-position-yます。Gecko (Firefox) と Presto (Opera) はサポートしていませんが、Webkit (Chrome、Safari) はサポートしています...
これが標準に含まれているか（または含まれる予定か）誰かが（公式の参照とともに）知っていますか？
html - CSS: 背景位置 + 繰り返し = 機能しない
以前にCSSでこの種の問題に遭遇した人はいますか?
幅 100% に設定されたヘッダーがあり、左側 (幅 500px) に画像があります。残りのスペースを水平方向に塗りつぶしたい背景画像がありますが、画像がある場所ではありません。したがって、background-position: 500px 0;ブラウザの左側から 500px の距離で背景が始まると設定し、推定します。しかし、そうではありません。これは、repeat-property を に設定した場合にのみ機能します。解決策を見つけるのに 1.5 時間費やしましたが、うまくいきませんでした。最終的には、ヘッダーに a を追加し、画像に負の 500px のマージン左をbackground-repeat: no-repeat;追加することでこれを解決しました。margin-left: 500px;ここで何か不足していますか？背景に x 座標 500 から水平方向にタイリングを開始するように指示できないのはなぜですか?
jquery - 視差効果jQueryで原点背景位置を設定
このjQueryコードを使用して、スクロール時に視差効果を作成しています:
問題は、私の背景画像が開始時にウィンドウの上から 300px にあることです。このコードでは、この原点位置を設定して上から 300px で背景のスクロールを開始することはできません。背景画像は直接 top:0px にジャンプします。
そしてもう1つ：
特定の位置に到達すると効果を停止することは可能ですか (例: 背景位置が 300px に達した場合、動きを停止するだけです)
それについてのアイデアはありますか？ありがとう！
css - 背景位置 IE9
私のCSSでは、背景を次のように配置しています。
これは白から灰色へのグラデーションで、画面の下部から開始して画面全体で繰り返したいと思って<body>いますが、IEでは体の下部のどこにも座っていないようです。これには何か理由がありますか?
html - Gmail HTML メールの背景
私はHTMLメールに取り組んでいます。私が得る問題は、GMAIL が私が与えた「背景位置」を使用しないことです。中央に配置する必要がある背景を持つ 100% 幅のテーブルがあります。ほとんどのクライアントはこれを完璧に行いますが、Gmail はそうではありません。これに対する回避策はありますか?
インライン CSS は次のようになります: (そうしないと、ほとんどのクライアントが正しく表示されないため、すべての背景プロパティを分割しました)
html - この「背景位置」の線はあいまいですか？
値を混在させることは許可されていないことを読みました。例：background-position: top 50%;
ただし、次の行があいまいかどうかはわかりません。
私の懸念は、それらが禁止された方法で凝集し、予期しないバグを引き起こす可能性があることです。
あなたはこれが起こり得ると思いますか、そして何があなたにそれを思わせるのですか？
javascript - 背景位置を2回切り替える
同じボタンを2回クリックして、ボタンの選択を解除したいと思います。
FemaleまたはMaleをクリックすると、スクリプトは背景の位置を変更し、データを性別入力に正しく挿入しますが、もう一度クリックすると（2回）同じボタンを元の位置に戻し、結果を削除したいと思います。性別入力フィールド。
誰かが私のスクリプトの変更を提案できますか？
これは別のスクリプトである必要がありますか？
ありがとう
</ p>
jquery - jQueryで別のdivをホバーすると、Divの背景が変化します
私はこれを機能させようとしていますが、jQueryについてはほとんど知りません。
ユーザーがdiv「ボタン」にカーソルを合わせると、div「スライド」の背景位置が「00」から「0-89px」に変更され、マウスを別のポイントに移動すると、背景位置が「00」にリセットされる必要があります。 。
これがコードです（stackoverflowに関する別の質問からリサイクルされています）：
私のHTML：
私のCSS：
動作しますが、期待どおりではありません。ボタンdivにカーソルを合わせると何も起こりませんが、マウスを別のポイントに移動すると、すべてのコードが機能し、背景が変わります。
これを修正する可能性があると確信していますが、昨日、jQueryの調査を開始しました。また、背景位置を00にリセットする方法もわかりません。
私を手伝ってくれますか？