图片遮盖，当我们想对一张图片设置超级链接时，可以先将该位置设置一个和图片一样大小的div并在div中添加文字设置超链接，再将图片覆盖上去，就有超链接效果，最后将文字移开。
方法：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h1{
background: url("京东LOGO.png") no-repeat;
width: 168px;
height: 81px;
border: 1px solid #ff0000;
}
a{
border: 1px solid #000000;
display: block;
width: 168px;
height: 81px;
line-height: 81px;
text-indent: -1000px;
}
</style>
</head>
<body>
<h1>
<a href="">京东</a>
</h1>
</body>
</html>
雪碧图的使用方法：
第一，先插入一张合并的图片集。
第二，开始引用定位，图片的其实点默认为（0,0）
一张方形的图片左上角为定位点，沿X轴和Y轴方向扩张，将每张图片的宽高相减就是下一张图片的位置（注：是以图片左上角的点为基准。）
往上为+，往下为—
eg：div{
background:url("图片地址")
background:0px,-120px
}