問題タブ [css-sprites]

私はcssにスプライトシートを使用していますが、それらはうまく機能しますが、フッターにスプライトシートのセクションを配置したいのですが、それは湾曲したブロックのようで、左側のコンテンツボックスがこの上に少し表示されます。

ただし、下部に配置された背景としてスプライトのセクションを取得できないようです。

今では通常、このようなことをします

でもこういうことをやってみると

私は背景として完全なスプライトシートを取得します.....だから私の質問は、スプライトのセクションのみを取得し、そのセクションをdivの下部セクションとして使用することが可能であるということです!!!!

一口ですが、私はこのアイデアをビンに入れたくありません。それが可能であれば、誰かがすでにそれを行っています。

ねえ、私はこのナビゲーションをうまく機能させようとしています:

http://www.moreheadplanetrium.org/redesign/nav.html

「現在の」タブの背景画像がリンクのスパンの後ろに伸びている理由がわかりません。他の状態 (通常とホバー) ではこれを行いません。タブがないと実際にはわからないため、これらの状態でさまざまな画像を使用してテストしました。

これは、このテクニックがアクティブおよびホバーでは機能するが、「現在の」アイテムの特別なクラスでは機能しないことに夢中になっています。助けていただければ幸いです。ありがとう〜

asp.netアプリケーションのImageButtonを、CSSImageButtonと呼ばれるImageButtonを拡張するWebControlに更新しています。レンダリングメソッドをオーバーライドして、cssスプライトで機能させることができます。OnClickとOnClientClickを機能させることができました。しかし、一部のボタンにはOnCommandがあり、何をすべきかわかりません。

http://www.keironlowe.host56.com/Website%20Testing/index.html

テキストの段落の下に、ホバー効果のある 2 つの画像があります。

これらは、ローカル マシンでサイトをテストするときに存在しますが、ページをロードするときにそこにないサーバーにアップロードすると、アンカーはまだそこにあり、画像だけでなく、それらの上にカーソルを合わせると確認できます。

どうしたの？

私が作成している Web サイトには、さまざまな時間に表示される約 100 個のさまざまなサムネイル (64x64) があります。ページによっては、サムネイルが 5 ～ 15 個しか表示されない場合があります。他のものでは、100 個すべてがロードされます。

CSS スプライトのような手法を使用して画像を表示することを検討しています。つまり、親指ごとにイメージ タグを付けるのではなく、次のようにします。

次に、CSS を使用して、すべての親指をつなぎ合わせた 1 つの画像のスライスを取得します。つまり、100 個のサムすべてを含む 1 つの画像 (このシナリオでは、640x640 の画像)。

私の質問:

• これは良い考えですか？
• はいの場合、画像が表示されるすべてのページでそれを行うべきですか、それともすべての画像を含むページでのみ行うべきですか?
• 単純に img タグで画像を含めるよりも優れたスプライト以外の手法はありますか?

異なる要素（スプライト画像）に同じ画像を使用している場合、これは新しいHTTPリクエストであるため、通常はその画像を再度呼び出すことはありません。

私はむしろ使用します：

これはHTTPリクエストを保存していますか？

または、ブラウザがスマートで、次を使用できる場合：

ブラウザは新しいHTTPリクエストを作成しますか？または、この画像がすでにキャッシュされていることを知っていますか？

問題は、例1を使用して何かを得ることができるかということです。

Firefox にプリロードされた画像に問題があります。(webkit) Chrome/Safari では問題なく表示されます。

見てみましょう。

:hovercssファイルに画像をロードしました：

とHTML

Firefox がサーバーからではなく、キャッシュから画像を読み込まないのはなぜですか?

どうすれば修正できますか？

私はCSSスプライトについて知っています..今、私はCSSスプライトのいくつかの例が欲しい....

• どのようにして CSS スプライトを機能させましたか?