裁剪背景圖像雪碧

有沒有辦法裁剪背景精靈？裁剪背景圖像雪碧

我們有我們的背景圖像到CSS體類。現在，如果沒有一個白色背景的元素覆蓋精靈的其餘部分，那麼我們就會把所有其他圖像混淆在一起。

我試過背景大小，但那不行。那麼是否有一個我缺少的CSS值，它不僅定義了背景位置，而且還定義了應該使用的圖像的實際區域？

謝謝！

2017-02-14 Veit

您需要使用background-size以及實際div的寬度。一起使用它們可以在圖像精靈中裁剪圖像。如果你展示一個你的代碼的例子，我可以給出一個更加充實的例子。 –

查看[本網站]（http://www.spritecow.com/）尋求幫助創建精靈的CSS – zgood

問題是我正嘗試在身體類上使用它。所以，如果我限制高度，我限制高度。有沒有辦法解決這個問題？示例： [鏈接]（https://dev2017.purevisionmethod.com/register-account/）您可以在藍色背景下看到圖像。 – Veit

https://www.w3schools.com/css/css_image_sprites.asp - 本文將介紹用例senario並正確執行如何使用圖像精靈。

2017-02-14 19:18:19

好的，所以我唯一能解決的方法是將主體頁面背景放在精靈的底部。指定正確的背景位置值並添加背景色：#fff，以便頁面的其餘部分變爲可讀文本。

感謝您的輸入！

2017-02-15 14:01:07 Veit

回答