图片拼合技术

Posted badren

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片拼合技术相关的知识,希望对你有一定的参考价值。

1、建视口

.box{

        width:100px

         height:100px;

         border:1px solid;

2、插图

       background-image:url(“img/spite.jpg”);

}

3、改位置

.box:hover{

                  background-position:-200px -200px;

}

以上是关于图片拼合技术的主要内容,如果未能解决你的问题,请参考以下文章

图片拼合技术

Sprite图像拼合技术优缺点

ps去除图片中间部分并拼合

CSS基本属性及sprite图像拼合技术

PS通过滤色实现简单的图片拼合

验证码的识别