CSS 显示图片指定范围

来源：百度知道 编辑：UC知道 时间：2024/05/22 20:29:18
RT,如何显示图片的指定范围？
问题指的是
在一张大图片内，有数多个图标，指定范围，只显示某个图标（其他图标不显示）
在HTML里实现（可以用JS或CSS）

你说的是css sprite吧。
.ttl_02{background:url(../imgs/allbgs.png) no-repeat 0px -415px;height:71px;padding-left:835px;}

用背景属性定义左边，用DIV宽高控制显示范围。

顺便说一下这个是纯CSS，而且很多大型网站都在使用的技术。

#divimg {

left: 100px;
width: 10px;
top: 200px;
height: 53px;
background-image: url(ImageViewer.png);
background-repeat: no-repeat;
position: relative;
visibility: visible;
}

楼主加我的QQ我给你讲个实例你就懂了
Q308786370
祝楼主好运！

如果你要用的图标在图片的坐标是 x100 y50 这个坐标是你要用到得图片的左上角的坐标，
那么用的时候要这样写

#img{
background-image:url(../images/img.jpg);
background-repeat:no-repeat;
top:-100px;
left:-50px;
}