csssprite css解析gif文件 使用csssprite
来源:互联网 发布:淘宝网人工投诉电话 编辑:程序博客网 时间:2024/06/05 02:46
很早之前发现w3cschool使用的是这用css解析gif文件 很多小图标全放到一个gif文件这样可以减少http请求次数,提高响应速度
现在自己也能轻松搞定了
<!--http://cn.spritegen.website-performance.org/ 合成图片 css解析gif文件 要求test.gif和该文件放在同一目录下--><style type="text/css">.sprite-accept{ background: url(test.gif); background-position: 0 0; width: 16px; height: 16px; } .sprite-resultset_first{background: url(test.gif); background-position: -66px 0; width: 16px; height: 16px; } .sprite-resultset_last{ background: url(test.gif);background-position: -132px 0; width: 16px; height: 16px; } .sprite-resultset_next{ background: url(test.gif);background-position: -198px 0; width: 16px; height: 16px; } .sprite-resultset_previous{ background: url(test.gif);background-position: -264px 0; width: 16px; height: 16px; } </style>获取第一个图标:<div class="sprite-accept"></div>获取最后一个图标:<div class="sprite-resultset_previous">
test.gif文件在左侧
- csssprite css解析gif文件 使用csssprite
- Css精灵图合成工具---CssSprite
- CssSprite制作雪碧图
- 前端小白--工具篇(一)雪碧图CssSprite
- 文件格式解析:GIF文件
- OSX下gif文件动画解析
- 使用Fireworks制作透明gif文件
- GifDecoder解析gif文件时抛出的OutOfMemory问题
- Outlook 2007不再使用IE来解析HTML/GIF,只能显示GIF图像的第一帧。
- gif图片格式解析
- GIF文件格式解析
- gif图片格式解析
- gif图片格式解析
- gif图片格式解析
- Gif图片的解析
- xml文件使用css
- css使用字体文件
- 使用FilenameFilter实现图片过滤,只要.gif,.jpg,.png文件。
- 获取字节码的文件路径、获取一个类的具体名称、获取一个类的简单名称、获取一个类的包名
- IE8打开网页慢速度优化
- Android Map Api 使用和开发(2) 定位我的位置、地图弹出泡泡、通过经纬度获取地址
- Sencha Touch :如何往类里面传参数?
- 2012 已经不流行骂人了
- csssprite css解析gif文件 使用csssprite
- java获取当前路径及加载配置文件
- UML学习小结
- 足球达人2版本
- String.split() 分隔符不能保存后面的空字符串问题
- C语言常见的一些排序算法
- iOS 隐藏各种bar
- 1153. 马的周游问题
- u-boot2010.03 Makefile分析