替代CSS背景精靈

前一段時間，我發現了一篇文章，討論了使用和設計CSS sprites的傳統方法的替代解決方案。替代CSS背景精靈

一個常見問題是，如果您不想意外讓精靈的其他部分「流血」到特定元素中，則需要在精靈的一部分周圍留出空間。因此，您可以使用對角線佈局和事物來緩解這個問題，但它們都需要大量的空白空間。

本文演示了一種替代方法，它可以讓您創建零空白子圖，並讓您定義要使用的圖像的確切區域和尺寸，而不必擔心出血。我相信它在方法中使用了CSS內容屬性，但我無法確定。

我真的想再次找到這篇文章，但我似乎無法找到它:(

我爲我含糊的描述很抱歉，但對於其他人誰看到這篇文章，他們會知道是什麼我在說什麼。任何幫助找到鏈接？謝謝！

2011-09-15 AgmLauncher

我不知道內容可以如何提供幫助，但是您可以指'clip'嗎？ http://www.w3schools.com/cssref/pr_pos_clip.asp – roberkules

但不去w3schools，w3schools糟透了。請查看https://developer.mozilla.org/en/CSS/clip或http://reference.sitepoint.com/css/clip，雖然您可能指的是通過僞元素應用多個背景圖片，但它們依賴於內容：「」; – albert

嗨。如果你所得到的答案不是你想要的，因此你不能接受它們，請花一點時間寫下你自己的答案，這樣有類似問題的人可能會在將來看到解決方案。 –

我想你所指的可能是創建字體圖標。它允許你有視網膜準備好的圖像，同時限制你目前有兩種很好的解決方案可以做到這一點：

還有創建SVG修改的形狀，從而允許您使用的幾乎無限的色彩和複雜形狀的方式。然而，這種解決方案並不完美，因爲它基於SVG，它們是not supported by older browsers

來源

2013-11-06 11:34:44

替代CSS背景精靈

回答

相關問題