切割图片这里不是真正的切割呮是用CSS取图片中的一部分而已,主要有两种方式一是做为某一元素的背景图片,二是用img元素的属性下面有个不错的示例,大家可以参栲下
切割图片这里不是真正的切割只是用CSS取图片中的一部分而已。这样做的好处就是减少了打开网页时请求图片的次数主要有两种方式,一是做为某一元素的背景图片二是用img元素的属性。
scroll 表示背景图片随浏览器下拉而滚动
-140px 表示水平位置在图片的-140px处(以图片的左上角为0,0)
-20px 表示垂直位置在图片的-20px处(以图片的左上角为0,0)
y1=定位的y坐标(垂直方向)的起点
x1=定位的x坐标(水平方向)的起点
y2=定位的y坐标(垂直方向)的终点
x2=定位嘚x坐标(水平方向)的终点
注:坐标的起点是在左上角