雪碧图
2015-11-05 17:17
225 查看
1、量尺寸:PS中,在第一张图中,画第一个DIV规定大小的矩形,对png图片进行复制,对复制的图层,Ctrl+T,尺寸归零以后,移动距离。将所需要的icon移动到第一个矩形所画的框中,移动的X和Y的值就是雪碧图background-position所需要移动的位置。
2、直接在浏览器中,按F12调试,在调试中根据上下方向键调整距离,将所得的X轴和Y轴值复制到html文档中。
注意:雪碧图的背景一定要是透明的png图片
2、直接在浏览器中,按F12调试,在调试中根据上下方向键调整距离,将所得的X轴和Y轴值复制到html文档中。
注意:雪碧图的背景一定要是透明的png图片
相关文章推荐
- java list的遍历
- Ubuntu 解压缩zip文件名乱码问题解决方案
- Android使用Glide加载Gif.解决Glide加载Gif非常慢问题
- Android开发过程遇到的安装好的APP打开程序崩溃,或者安装后应用列表里没有的问题及解决方案
- java基础关于单例设计模式
- Android Studio 文件类型图标
- Android系统架构、基础组件、工具下载、JVM&DVM&ART
- linux中删除一个目录下的所有文件,但保留一个指定文件
- c++学生成绩管理系统
- 转载:bug的处理流程
- hdu4099(Trie)
- C语言基本类型之long long int
- linux命令ll -d
- [Java]读取文件方法大全(转)
- mutilple output reduce cannot write
- MEF简单示例
- frame.origin.x 的意思和作用?
- Web Service, SOAP和WSDL的关系
- 关于android广播优先级的理解
- jsp的etl中进行字符串相加