0

長いタイトルですが、説明を失うことなく圧縮するのは難しいです。

画像の説明： http： //img560.imageshack.us/f/skrmavbild20110321kl135.png/

だから私はテキストが表示されるdivを持っています、テキストはそれがいくらであるかで異なる可能性があります。このdivに添付されているのは、フェードアウト効果のある背景画像です。上部の灰色はその後白にフェードアウトします。この画像効果は、CSSスプライト画像から取得されます。

私の問題は、テキストが特定の高さを超えると、CSSスプライトの背景画像が引き伸ばされ、表示されないはずの他の画像要素が表示されることです。これは、設定されている背景色を表示する代わりに使用します。

これを修正するにはどうすればよいですか？

コード：

.post-bg {
width: 572px;
margin: 0;
padding: 0;
background: #fff url('images/sprite.png') no-repeat;
background-position: 0px -198px;
}
4

1 に答える 1

1

まったく新しいイメージを作成することに加えて、これはおそらく最も簡単な修正です。

スプライト内で、「フェードアウト効果のある背景画像」画像を画像の下部に移動します。

ライブデモ

これが私がデモンストレーションするために作ったテスト画像です：

すべての「その他のスプライト画像」がファイルの先頭にあることがわかります。

于 2011-03-21T13:11:55.350 に答える