0

所以我需要在布局上使用一些自定义颜色，但我正在寻找一种更好的方法，而不是在布局中用 (background: url(something.jpg)) 拍一张巨大的图片。

大多数情况下，我正在考虑获取一个调色板（即来自 Adob​​e Kuler、colorlovers 等），获取每种颜色的 5x5 样本并将它们粘贴到 CSS sprite 的数组中，或者作为单独的文件并通过以下方式访问它们：.color-one {transparent url(./one.gif) repeat}并且只是每当我想使用颜色时重复使用它。

这样做有什么缺点吗？如果有的话我应该坚持使用网络安全颜色还是有更好的方法呢？

4

4 回答 4

4

您不需要图形来表示背景颜色。如果您为此使用图像，那么您将走很长一段路。正如 graphicsdivine 所建议的那样，只需使用颜色。

如果您需要做渐变等，请仅使用背景图像。那真的是他们发光的地方。

至于您的第二个问题，不，您不再需要坚持使用“网络安全”颜色。如果有人在 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 回答