toms

一、传统做法

  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>

 

分类:

技术点:

相关文章:

  • 2021-11-05
  • 2021-07-07
  • 2021-10-24
  • 2021-06-09
  • 2021-05-05
  • 2021-07-03
  • 2021-11-08
猜你喜欢
  • 2021-05-28
  • 2021-10-02
  • 2021-12-05
  • 2021-12-21
  • 2021-10-26
相关资源
相似解决方案