0

私が現在使用している方法は<img src="A-Button-Image.png" style="width:100%;">、HTMLシートを追加することであり、画像サイズは画面サイズに応じて拡大および縮小できます。

ただし、A-Button-Image.pngには、ホバーと通常のステータスの2つの画像が含まれています。したがって、バックグラウンド位置を使用してロールオーバー効果をトリガーしたいですか？CSSを使用して背景の位置を制御する方法はありますが、画像のサイズ変更機能を失うことはありませんか？onmouseoverとonmouseoutという別の解決策があることは知っていますが、それでもCSSの方が好きです。

ありがとう

4

2 に答える 2

1

あなたのニーズに合ったbackground-size物件があります。200％に設定するだけで、スケーラビリティとスプライト性の両方が得られます。

自分の目で確かめてください。

スプライトで3つ以上の画像を使用することもできます。画像の数に100％を掛けて、その結果をbackground-sizeプロパティに入れるだけです。

于 2013-01-31T21:24:53.847 に答える
0

解決策は、背景サイズを100％にし、パディングボトムをパーセンテージにすることです。

于 2013-01-31T23:45:05.473 に答える