2

たくさんのアイコンを持つスプライトがあるとしましょう。アイコンの 1 つを div 上の特定の位置に配置したいと考えています。たとえば、右側から 15 ピクセル、上から 20 ピクセルです。以前は、単一の画像ファイルを持っていたときに、次のコードを使用しました。

background: white url(./imgs/some/icon.png) no-repeat 91% 47%;

これで、画像はスプライトにあり、次を使用してアクセスできます

background-position: 0 -471px;

しかし、私が見ているように、現在の 91% 47% を追加する場所はありません。何らかの回避策はありますか？役立つ場合は、プロジェクトで CSS3 を使用することが可能です。

ありがとう！

4

2 に答える 2

2

別の を追加<div>して、正しい背景を指定し、必要な場所に絶対配置できますか? スプライトシートを使用すると、背景位置のパーセンテージがおそらくアウトになると思います。

于 2010-12-01T18:14:06.620 に答える
0

一連の制約を正しく理解していれば、単一の div でそれを実行できる可能性がありますが、png の背景が透明で、アイコンに他のアイコンが表示されないように十分な「透明なスペース」がある場合に限ります。

試す：

background: white url(./imgs/some/icon.png) 91% 47% no-repeat, transparent url(./imgs/some/icon.png) 0 -471px no-repeat;
于 2010-12-02T04:31:55.057 に答える