可縮放元素圖像的CSS Sprites

Question

我有一個包含圖像的代碼的html部分。通過簡單地改變它們的大小（寬度和高度），圖像可以在html中調整大小/放大。我想用CSS Sprites替換圖像（加載一個文件而不是很多）。問題是，如果我有一個div的背景，如果我更改div大小，背景中的圖像不會調整大小。

你知道一個方法來實現它嗎？有沒有一種方法可以在大多數瀏覽器上從圖像中加載裁剪後的圖像部分，然後調整它們的大小，就像我會用一個簡單的圖像一樣？

後來編輯：圖像只能加載一次，調整大小應該在客戶端大小上執行，以便在將鼠標移到圖像上時爲用戶提供更好的視圖。

Answer 1

在您的具體使用情況下，純CSS Sprites不會起作用，構建複雜的JavaScript來切碎精靈圖像將導致比單獨加載圖像更多的開銷。

不是一個真正的答案，但你的用例超出了CSS sprite技術所能做到的。如果您可以提供更多關於您的應用程序的背景信息（即調整大小的目的，正在調整服務器端/客戶端等等的大小），則可能會有其他解決方案來加速網站的加載。