css sprite 图片整合处理技术(精灵技术)

来源:互联网 发布:自动化编程自学 编辑:程序博客网 时间:2024/05/16 13:52

CSS Sprites

  1. CSS Sprites的原理
    将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。

  2. 图片整合的优势
    1)通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度。
    2)通过整合图片来减小图片的体积。


background:#000 url() no-repeat center top;

关于兼容性:ie8及以下no-repeat前的空格不能掉,背景颜色也要写在前面而不是后面,可加可不加

0 0
原创粉丝点击