当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS Sprites网页图片整合方法

CSS样式表
Flash页面如何通过校验
静态页面加密
如何禁止打印页面
比较不错的打印效果 css
!important在ie7.0的hack方法
最基本的几种 CSS 文字滤镜效果
HTML中的图象标签属性
marquee的详细用法解析
使用#default#userdata组件实现的可记忆内容的编辑器
li的简单应用(将前面的点换成图标)
windows的listview一样,而且不能把表头从表格里面独立出来
一些不标准的东西,不过还是有点用处
用js控制css的不错的方法
CSS解决未知高度垂直居中
在线ASC码查询
关于CSS:优先级
文字或图片元素在DIV中垂直居中
Mozilla建议的CSS书写顺序
微软终于对网页三剑客下手了
div+css布局入门

CSS样式表 中的 CSS Sprites网页图片整合方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 152 ::
收藏到网摘: n/a

论坛上提到这样的问题:“css中用一张背景图做页面的技术有什么优势?”

简单介绍一下 CSS Sprites 的优点:
当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。

CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。

css-sprites

实现方法:

  1. 首先将小图片整合到一张大的图片上
  2. 然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px;