問題タブ [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 - 「右上」を維持したまま背景位置を変更することは可能ですか?
背景位置が「右上」の背景を持つオブジェクトがあります
この背景位置を 10px 上に移動したい (ホバー時) が、値を変更するとすぐに、新しい値が 0,0 ポイント (左上) から挿入されますが、必要です (右上)
これに対する 100% CSS ソリューションはありますか?
css - Css スプライトと背景位置の使用
幅 200px、高さ 200px の div 要素があります。div の右上隅に小さな画像を表示する必要があります。通常はどのように行うか
ただし、問題は、スプライトから画像をロードしていて、次のようなものを使用する場合です
スプライトは正しい場所からそれを選択していないようです。スプライトの他の部分が読み込まれます。スプライトから画像を読み込んで background-position 属性も使用することは可能ですか? 前もって感謝します...
css - CSSの背景-添付ファイルが修正されました-流れがありませんか?
私はこのようなHTMLを持っています:
そしてCSS
#mainは、その#containerと同じ幅です。#mainの右上に固定の背景画像を配置しようとしています。ただし、background-attachment:fixedを配置すると、フローから削除されているようです...
その中で、画像はメインの右上には配置されませんが、ページの右上、またはおそらくコンテナのように見えます。
スクロールモードでは、メインに最適です。固定に切り替えたときのみです。
これはどのように機能しますか?これを回避する方法はありますか?
css-sprites - CSSスプライトの位置の問題
このスプライトからブラウザウィンドウで動的にサイズを変更するサイトへの固定境界線を作成しようとしています(私が知っている完璧ではありません): http: //fc07.deviantart.net/fs70/f/2011/269/ 7/0 / bordersprite_by_nakos-d4ayzne.png
ご覧のとおり、私の問題は垂直壁部分です。とは#falJ
、2つの壁のスプライトの間にスペースがある下の壁の端も含みます。底壁の端のない垂直壁部分のみを強制的に使用する方法はありますか?#falB
height:100%
backround-position
前もって感謝します。
javascript - jQuery.animate 背景位置
プラグインを使用せずに jQuery のアニメーション機能を使用して background-position プロパティをアニメーション化するにはどうすればよいですか? backgroundPosition がサポートされていたときに 1.4.4 に戻そうとしましたが、FF や Chrome では動作せず、IE で動作するようです。animate 関数のステップ コールバックを調べてみましたが、何も動作しません。
css - a:hover を取得して複数のクラス/ID を調整する
何かを機能させるのに苦労しており、すでにたくさんの場所を見てきましたが、どんな助けも大歓迎です。
基本的に、いくつかのロールオーバー画像で構成されるナビゲーション メニューがあります (通常の状態の「左上」、ホバー状態の「左下」、現在、css を介して個別にロールオーバーするように構成されています。これらは次のようになります。
今私が達成しようとしているのは、それらのいずれかにカーソルを合わせると、それらすべてがロールオーバーすることです。たとえば、「アーカイブ」にカーソルを合わせたとします。以下は「アーカイブ、連絡先、約」をロールオーバーします
私はすでに次のことを試しましたが、うまくいきませんでした(不透明句はまさに私がやりたかったことをしましたが、何らかの理由でこれは「背景位置」ではうまくいかないようです):
これを達成するにはどうすればよいですか?助けてくれてありがとう!
html - 背景位置を「margin-right:10px」のようなものとして割り当てる方法は?
画像を背景に配置しようとしていますが、画像を右に揃えたいのですが、近づけないでください。margin-right:10pxのようなもの。画像に明示的にマージンを追加せずに、純粋なcssでそれを行うことは可能ですか?
何度か試みましたが、すべて失敗しました... http://jsfiddle.net/cA7Un/1/
前もって感謝します!
jquery - 遅延のあるjquery css backgroundpositionアニメーション
これは機能します:
これはそうではありません:
なぜ?最後の css 値 (中心 -152px) を表示するだけです。
css - CSS: background-position の異なるコーナー オフセットの難しさ
複数の背景を使用してボタンを作成するのに問題があります。:before と :after を使用できることはわかっていますが、可能であればこれを理解したいと思います。
これがJsfiddle http://jsfiddle.net/syren/qerUT/1/です
その中で、最終的にどのように見せたいかを示しました。その中で、私は使用しました
私がそれをどのように見せたいかを示すためだけに。他のボタンや翻訳に使用するために優雅に展開できるようにしたいので、これを使用したいと思います:
しかし、これは機能していません。仕様によると、そうあるべきなので、何が間違っているのかわかりません。何か案は?ありがとう!
css - IE の背景位置のバグ
これはIEのバグです。他のブラウザではすべて優れています。それらの多くは試しましたが、何も機能しません。
HTML:
CSS: