Ush*_*haP 3 css sprite
我是精灵的新手,我想我理解改变背景位置来取代图像的概念.所以我有我下载的这个大精灵png,但我怎么知道图标的位置？
我没有照相馆,有没有其他推荐工具(免费)找到位置？
kir*_*nvj 7
你可以使用这样的工具,并获得精灵中图标的背景位置.
您需要先上传图像,然后从精灵中选择一个图标.将生成CSS,只需复制生成的CSS并在您的类中使用它.
其他选择是
您需要在Photoshop等图像编辑器中打开图像.从那里,您可以在图像中的任何位置找到X和Y位置.请注意,左边,顶部是0,0.获取x和y位置并像这样使用
background-position:-310px -123px;
请注意X和Y坐标前的" - "符号.
从...开始
background-position:1px 1px;
使用Firebug动态修改值.通过试错法,您可以找到确切的位置.
Onc*_*RER 7
您可以使用Sprite Cow查找图标位置,而无需使用外部程序.该网站提供复杂的图标选择功能.
归档时间：
15 年，1 月 前
查看次数：
5768 次
最近记录：
9 年，2 月 前