css怎么做才能只显示图片的一部分

html-css027

css怎么做才能只显示图片的一部分,第1张

CSS Sprite

需要知道大图的网地,小图标在图上的位置偏移(写进css里的background-position要加负号),和大小。

<style>

.icon {

  background:url(background.png)

  background-repeat:no-repeat

  background-position:-25px -374px

  height:16px

  width:24px

}

</style>

<div class=".icon"></div>

css+div显示图片显示不完整,有以下几方面原因:1、css没有被调用;请检查css调用是否成功。2、css图片地址不对;请检查css图片地址是否正确。3、div的高度没有固定,是auto或者没有设值,div设置错误容易导致背景图片高度太大则无法显示;请设置div高度。4、div被嵌套;查看嵌套的div是否设置正确。5、div代码不规范;请检查div代码是否书写正确。