タイトルなどの背景画像としてアイコンを使用していますが、すでにbackground-positionを使用して正しく配置しているため、背景画像をスプライトの適切なスライスに置き換えたい場合、背景を正しく配置できなくなります。解決？
スライスしたスプライトを背景として配置するためだけに（ホバーで1回変更する以外は）アニメーション化したくありません。ただし、background-positionはすでに取得されています。
.beautifu1-gallery {background-position：-130px 0; }
次に、同じdivに別の背景位置を追加します。
別のdivを追加しても機能する可能性がありますが、解決策として必要なほどエレガントではありません。
編集されたコメント：量の要求が大幅に減少したとしても、スプライトは私には実用的ではないようです-したがって、すべてのアイコンを別々の画像としてコーディングする必要がありますか？それらを背景としてマークアップするときは、タイトル、ナビゲーション、画像、およびダウンロード可能な資料の背景を説明するのが明らかに簡単です。別のdivを追加することも、エネルギーの浪費のようです。開発者は、インターネットの仕組みが依然としてテキストベースの情報に関連しており、複数の画像、ビデオ、グラフィックス、アニメーションをユーザーからサーバーに、またはその逆に効率的に転送する方法を誰も考えていないようだと非難していますか？
これはポルノではなく開発です-全体像を考えずに見ることができるすべての穴を塞ぐことを試みます。
了解しました-私は欲求不満からグーグルで検索し、データURIとMHTMLが何であるかを知りました。ゲームオーバー！