css背景圖像座標 - 使用什麼工具？

Question

看下面的圖片：

我應該使用什麼工具來得到我想要的圖像部分的座標，這樣我可以在使用它，例如：

.myimage { 
    background-position: -283px -64px; 
} 

謝謝。

Answer 1

幾乎任何圖像編輯器或查看器。即使MS Paint（在Windows 7中）也會使用左下方的選擇工具顯示座標。

Answer 2

如果每個圖像都是導出的png或jpg，您可以使用locator.codestrict.com這樣的工具自動輸出座標。

你只要選擇你的背景圖像和你想要定位的裁剪圖像，將顯示CSS頂部/左側。當然，你只需要將頂部/左側翻譯爲背景位置。

Answer 3

試試這個在線工具：http://www.spritecow.com/ 打開你的png圖片，只需要選擇圖標，精靈的CSS將全自動生成