2

CSS スプライトと background-position を使用して動的な幅のボタンをいくつか作成したいと思いますが、私が望むことが可能かどうかはわかりません..

ボタンには左側、中央、右側があり、必要に応じて中央が繰り返されるようにしたいと思います。理想的には、これを幅 11px の 1 つの画像で構成して、左右の幅が両方とも 5px で、中央が 1px 繰り返されるようにしたいと考えています。CSS で定義して、画像の中央の 1 ピクセルを使用し、必要な (不明な) 幅の場合に繰り返す方法はありますか?

通常、私は同様の結果を得るために 2 つの画像を使用しました。

4

1 に答える 1

1

簡単に言えば、さまざまな次元ではなく、スプライト マップではこれは不可能です (または、少なくとも 99% の時間は価値がありません)。

ほとんどの場合、スプライト マップは背景の繰り返し部分には理想的ではありませんが、繰り返しのない部分には最適です。

ただし、あなたが求めていることに基づいて、問題への引き戸のアプローチを見てみたいと思います。あなたが望むものにかなりよく合っているようです。

于 2010-03-23T01:57:56.600 に答える