图片上添加链接，CSS小试牛刀

一、传统做法

　　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>