使用背景重复仅用于颜色的缺点？

Question

因此，我需要在布局上使用一些自定义颜色，但是我正在寻找一种更好的方法，而不是仅在布局中使用（background：url（something.jpg））拍一张巨大的图片。

通常，我正在考虑获取一个调色板（例如，从Adobe Kuler，colourlovers等公司获得），获取每种颜色的5x5样本，并将其粘贴到CSS精灵数组中或作为单独的文件，并通过以下方式访问它们： .color-one {transparent url(./one.gif) repeat} ，只要我想使用颜色就重复使用。

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

Answer 1

您不需要图形即可表示背景色。 如果为此使用图像，您将走得很远。 只需使用颜色，如graphicsdivine所建议。

仅在需要进行渐变等操作时才使用背景图像。 那才是他们真正发光的地方。

关于第二个问题，不，您不再需要使用“网络安全”颜色。 如果某个人在2010年仍然只能显示256种颜色，那么您的网站将不是他们的最大问题。

Answer 2

.color-one{background-color: #f00}
.color-two{background-color: #0f0}

Answer 3

无论如何，您必须将颜色设置为background-color ，以为不加载图像的阅读器提供服务。 因此，我认为这些图像没有用。

请记住：图像越小，浏览器就具有越多的计算能力来计算所有位置。 重复的背景图片不应小于20×20px。

Answer 4

为什么不设置background-color ？

（而且您的建议不适用于子画面，渲染器还将使用图像的其他部分）