您现在的位置:首页 >> 前端 >> 内容

分享一下css图像拼合技术

时间:2018/6/26 16:23:56 点击:

  核心提示:图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量,并节省带宽。img.home{width:46px;height:44p...

图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量,并节省带宽。

img.home
{
width:46px;
height:44px;
background:url(img_navsprites.gif) 0 0;

}

background:url(img_navsprites.gif) 0 0; - 定义背景图像和它的位置(左0px,顶部0px)

图像拼合技术可以运用的地方比较多,比如切换背景图做出变换效果等。

作者:网络 来源:weixin_424