問題タブ [css-sprites]

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.

0 投票する
1 に答える
384 参照

css - スプライトフォールバック

1つのスプライト画像に含まれるページに多数の画像があります。サイトの他の要件により、これらの画像は1つのスプライトに含まれている必要があります。

これはほとんどのブラウザで正常に機能していますが、Opera Miniで問題が発生し、スプライトがまったくレンダリングされず、画像全体が表示されるだけです。

ブラウザがスプライトをレンダリングできないときに代替テキストを提供するために使用できるCSSはありますか?

0 投票する
4 に答える
5265 参照

css - a:ホバー背景-位置の問題

どういうわけか、理由はよくわかりませんが、以下はうまくいきません。背景の位置は、ホバーしても同じままです。理由がわかりません。別の方法でそれを行うこともできますが、なぜそれが機能しないのかを突き止めたいと思います。

誰かがこれを引き起こしている可能性があることを知っていますか?

前もって感謝します!

ライアン

0 投票する
2 に答える
122 参照

php - 動的コンテンツ内で CSS スプライトを使用する方法はありますか?

つまり、次のような非静的コンテンツで css スプライトを使用します: Inside while(mysql_fetch_array())...

0 投票する
3 に答える
8203 参照

css - CSSスプライトテクニック、css背景またはimgのクリップ

2つの画像スプライト手法があります。「クラシック」バージョンは、backgroundプロパティとbackground-positioncssプロパティを使用します。(ここで説明されているようにhttp://www.alistapart.com/articles/sprites

「2番目の」バージョンは、画像タグとそのクリップcssプロパティを使用します。(http://css-tricks.com/css-sprites-with-inline-images/

私の質問は、「クラシック」バージョンよりも「セカンド」バージョンを使用することの利点はあるのかということです。

おかげで、最高の、Viktor

0 投票する
1 に答える
367 参照

css - 印刷時にCSSを印刷しても背景画像が表示される

ページを印刷するときに、IE6で奇妙な動作が発生します。

何らかの理由で、CSS背景画像スプライトの一部を印刷しています。

私はすべての背景画像宣言を次のようにオーバーライドしました:

しかし、役に立たない。とにかく背景画像がデフォルトでサポートされているとは思わなかったので、これは私にとって新しいものです。

0 投票する
5 に答える
1400 参照

javascript - CSSスプライトはどのように機能しますか?

3 つの異なる画像があり、CSS を使用してスプライトを作成したいと考えています。HTTP リクエストが減少することを理解しています。ただし、私はこの概念にまったく慣れていないため、これにどのようにアプローチすればよいかわかりません。

私にとって最善の策は何ですか?また、画像の .zip を送信してそれらを結合する CSS スプライト ジェネレーターがいくつかあることも確認しました。

私はそれを試みましたが、何が起こっているのか理解できませんでした。CSS スプライトの作成と使用に関するガイダンスをいただければ幸いです。

更新: A List Part の記事を読みましたが、よくわかりませんでした。誰かが CSS スプライトの使用例を提供できますか? [回答の短い自己完結型の例は、他の場所の例への単なるリンクよりも SO に適しています。-編]

0 投票する
3 に答える
1979 参照

css - CSSスプライト下部繰り返し

divの下部にある背景のスプライトを設定したい場所で、スプライトの背景を繰り返してください。私はこれを持っています:

表示されないようです。下部を削除すると表示されますが、下部で繰り返したいdivの上部で水平方向に繰り返される背景に設定されています。

出来ますか?

0 投票する
2 に答える
6319 参照

css - CSS スプライトの垂直リピートの問題

Web アプリケーションに CSS スプライトを含めようとしています。問題は、ウェブサイトの背景をスプライト画像で垂直に配置したことです。ここで、スプライトの一部を垂直方向に繰り返す必要があります。

私は次のコードを試していました...

content クラスの height プロパティで混乱しています。繰り返したいセクションの高さと div(#content) の高さはどのように定義すればよいですか?

よろしくヴィクラム

0 投票する
3 に答える
189 参照

css - 自動化されたCSSSprites-csssprites.org

これがSOにあるべきではない質問である場合は、私に知らせてください。

誰かがウェブサイトを試しましたか:http:
//csssprites.org/

CSSスプライトを自動生成して使用するには?あなたの考えは何ですか?実装を考えています(パフォーマンスを向上させるための新しい方法を常に探しています)

0 投票する
2 に答える
927 参照

css - CSS スプライトの配置と背景の繰り返し

Web アプリケーションで CSS スプライトを使用しようとしています。これが私のWebレイアウトです:

私はこのcssを使用してみました:

ここでは、上位 2 つの div (ヘッダーとコンテンツ) のみが表示されます。セパレーターとフッターは表示されません。Firebug をチェックインすると、表示されないだけで、そこにあることがわかります。

この行を追加すると、トリックが実行されます。

では、なぜこれが起こっているのですか?div親コンテナーに既に設定されている場合でも、使用するたびにスプライト画像を配置する必要がありますか?

ヴィクラムに関して