欢迎加入站点基地设计开发交流群:30720409
详细内容
整个页面图形整合成一张图片做背景的使用方法
发布日期:2010-09-10     点击:2790     字体:[ ]

经常见到一个网站使用的按钮及背景图片都集中在一张图上,其实做法很简单,首先把要用到的图片图标放在一个大图片里,然后在使用的时候根据图标在大图的坐标位置读取,例如下面这张图:

当我们要使用黄色按钮的时候,可以定义:

background:url(images/zdbase.jpg) no-repeat 0 -32px;

这就表示:从上图中的垂直坐标32个像素处读取,水平为0,说明没偏移,这里的坐标是以左上角为基点的。

当然我们放图标的时候要有规律,不然读取的时候坐标位置就不清楚了。

 

用户评论
昵称 
内容  *
验证码   
   
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号-1 可人软件设计