+ -
当前位置:首页 → 问答吧 → 把多张图放在一张图里,然后如何在网页中分别调用呢

把多张图放在一张图里,然后如何在网页中分别调用呢

时间:2011-12-11

来源:互联网

如题

作者: SKY20110501   发布时间: 2011-12-11

你说的是不是做css用的那个 X和Y坐标调用图的??? 那个东西其实很简单 只要输入图片的开始坐标和结束坐标就可以了。  







www.ssday.com

作者: storylok   发布时间: 2011-12-11

.ccc{
 background:url(../images/xxx.gif) no-repeat x y;
}
  上例中的x和y就代表提取图片的位置。x是横坐标,y是纵坐标,又如:

.ccc{
 background:url(../images/xxx.gif) no-repeat 0 -30px;
}

  这个的意思是指把xxx.gif这张图片的横坐标定位为0,纵坐标定位成30px,也就是将xxx.gif向上提30px,然后左边顶部对齐。

  那么我们将x坐标的值换成其它数值,又是什么意思呢?比如:

.ccc{
 background:url(../images/xxx.gif) no-repeat 100% -30px;
}

  这句的意思就是指,将xxx.gif这张图片放到最右边,向上移动30px,当然您也可以直接这样写:

.ccc{
 background:url(../images/xxx.gif) no-repeat right -30px;
}

  background的定位可以用百分比,精确定位,绝对定位

截取图片的位置有了。再根据本对象的width,height就决定截取图片的大小了。

作者: theforever   发布时间: 2011-12-11

热门下载

更多