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>
可以,把div的大小设成和图片的大小一样
就行
也可以不改图片大小
但是如果图片比div大
就会看不到一部分
如果图片小了,会自动重复图片铺满整个div
可以设置repeat
让背景图片重复
div
一定要设
大小
不然div没有内容
就不会显示背景了
用background-position: 给背景定位.img{ background-image:url(bj.jpg)width:79px height:30background-position: 00}显示绿色背景
.img{ background-image:url(bj.jpg)width:79px height:30background-position: 0 30}显示黄色背景
下面这样做应该可以吧
-------------------------------————————————————————————
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px
}
.img{ background-image:url(bj.jpg)width:79px height:30}
.01{background-position: 0 0}
.02{background-position: 0 30}
-->
</style></head>
<body>
<div class="img 01"></div>
<div class="img 02"></div>
</body>
</html>