一、传统做法
1)美工先画好图;
2)再切图;
3)前端拿到一堆碎片图,用尽洪荒之力在页面上拼出图片(一个像素都不能差);
4)当然还要考虑浏览器兼容的问题(不然让用户看到一堆碎片图,老板会直接 把你开了)
二、CSS小试牛刀
1)美工先画好图;
2)一切托付给CSS,你可以在图片的任意位置添加链接 (如下);
<div style="background:url(../image/myImage.jpg)">
<div style="float:left;position:relative;">
<a href="http:www.baidu.com" style="position:absolute;left:50px;top:50px;width:30px;height:20px;"></a>
<a href="http:www.google.cn" style="position:absolute;left:50px;top:100px;width:30px;height:20px;"></a>
</div>
</div>