0

そのため、レイアウトにカスタムカラーが必要ですが、レイアウトに(background:url(something.jpg))を含む巨大な画像を叩く以外に、より良い方法を探しています。

ほとんどの場合、カラーパレット(Adobe Kuler、colorloversなどから)を取得し、各色の5x5サンプルを取得して、CSSスプライト用の配列に貼り付けるか、個別のファイルとしてそれらにアクセスすることを考えています.color-one {transparent url(./one.gif) repeat}。色を使いたいときはいつでもそれを再利用します。

このようにすることの欠点はありますか?そして、もし私がウェブセーフな色に固執するべきであるか、それともこれを行うためのより良い方法がありますか?

4

4 に答える 4

4

背景色を表すためにグラフィックは必要ありません。そのために画像を使用する場合、あなたは長い道のりを進んでいます。graphicsdivineが示唆するように、色を使用するだけです。

グラデーションなどを行う必要がある場合にのみ、背景画像を使用してください。それは本当に彼らが輝いているところです。

2番目の質問については、いいえ、もう「ウェブセーフ」な色に固執する必要はありません。2010年の誰かがまだ256色しか表示できない場合、まあ、あなたのサイトは彼らの最大の問題ではありません。

于 2010-04-07T20:04:29.600 に答える
1
.color-one{background-color: #f00}
.color-two{background-color: #0f0}
于 2010-04-07T19:58:58.880 に答える
1

background-color画像を読み込まないリーダーにサービスを提供するには、とにかく色を設定する必要があります。ですから、それらの画像には何の役にも立ちません。

また、画像が小さいほど、すべての位置を計算するためにブラウザが計算する必要があることを忘れないでください。繰り返される背景画像は、20×20px以上である必要があります。

于 2010-04-07T20:03:48.313 に答える
0

設定しないのはなぜbackground-colorですか?

(そして、あなたの提案はスプライトでは機能しません。レンダラーは画像の他の部分も使用します)

于 2010-04-07T20:05:22.823 に答える