様々な状態を表示するHTML画像を作成する最も良い方法は何ですか（ボタンの場合：通常、ホバリング、選択、無効）？ 理想的には、私はCSSクラス（:hoverメタクラスを含む）を介してやりたいと思います。状態を変更するイメージを作成する方法は？
また、複数の状態が1つの画像に結合されていることがわかりましたが（画像のプリロードが容易になります）、必要に応じて画像の1つのスライスを表示する方法はわかりません。
ありがとうございます！
は、私はあなたがCSSスプライトについて話していると仮定します。ここにあなたを始められるA List Apartの記事があります：http://www.alistapart.com/articles/sprites基本的な考え方は、すべての画像を1つの大きな画像にまとめることです。
通常、背景画像が適用されたimgタグまたは小さな要素が適用されます.1つの画像が複数の要素に背景画像として適用され、それぞれの背景位置の値が異なるため、 。この例は、jQueryのUIのアイコンになります - 単一の合成画像は、次のようになります。
そして、個々の各アイコンがbackgroun-imageセットで、単一のクラスを共有する：
.ui-icon{width:16px;height:16px;background-image:url(../images/ui-icons_808080_256x240.png);}
異なるアイコンのそれぞれについて個別のbackground-positionが表示されます。
.ui-icon-carat-1-n{background-position:0 0;}
.ui-icon-carat-1-ne{background-position:-16px 0;}
.ui-icon-carat-1-e{background-position:-32px 0;}
.ui-icon-carat-1-se{background-position:-48px 0;}
同じことがth e個々のインタラクティブな状態 - 要素の背景位置を:hoverに変更すると、別の色やアイコンが表示されます。
私は推測するので、異なるスタイルのCSSの「背景」属性を使用する簡単な解決策は、あなたが探しているものではないことを、正確には「HTMLイメージ」という用語で表していますか？ – ofi