摘要: 1. 关键字, 例如: background-position: top right;优点: 直观, 可用性高, 各浏览器中表现一致.缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制.2. 像素, 例如: background-position: 0px 0px;优点: 概念容易被理解, 只要知道如何测量容器左上角和图片左上角之间的距离, 就能准确地推测出图片显示的位置. 像素还能够精确的用数学来控 阅读全文
posted @ 2011-06-24 06:23 scgw 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如:又如:这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,这就用到了我们今天要说的背景图片的定位问题。这个问题相信很多人都郁闷过,也经常有朋友问我,所以今天就系统的说一下:我们知道在用图片作为背景的时候,css要这样写,以div容器举例子,也可以是bo 阅读全文
posted @ 2011-06-24 06:14 scgw 阅读(478) 评论(0) 推荐(0) 编辑