2

Web アプリケーションに CSS スプライトを含めようとしています。問題は、ウェブサイトの背景をスプライト画像で垂直に配置したことです。ここで、スプライトの一部を垂直方向に繰り返す必要があります。

私は次のコードを試していました...

#page-wrapper {
    margin: 0px auto;
    background-image: url(../images/background.png);
    height: 100%;
    width: 1000px;
}

#page-wrapper #content {
    background-position: 0px -80px;
    background-repeat: repeat-y;
    height: 1px;
}

content クラスの height プロパティで混乱しています。繰り返したいセクションの高さと div(#content) の高さはどのように定義すればよいですか?

よろしくヴィクラム

4

2 に答える 2

5

スプライトが画像内で水平に配置されている場合は、スプライトを垂直に繰り返すことができます。

于 2010-06-03T21:54:26.257 に答える
4

バックグラウンドで画像の一部を繰り返すことはできません。#content高さを設定すると、要素の高さのみが変更されます。画像は常に完全に繰り返されます。

于 2010-06-03T21:52:45.700 に答える