IMAGE MAPS和CSS SPRITES之间的区别

前端之家收集整理的这篇文章主要介绍了IMAGE MAPS和CSS SPRITES之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我找不到IMAGE MAPS和CSS SPRITES之间的明显区别.两者看起来都像将页面中的图像合并为一个?因此我们可以减少对服务器的多个请求.那真正的区别是什么?

解决方法

图像地图:

页面中的单个图像,可以单击不同的区域,然后具有不同的效果(例如,启动不同的链接).

这里有一个描述:http://www.javascriptkit.com/howto/imagemap.shtml

CSS Sprites:

将多个css类后面的图像组合到一个文件中以提高性能 – 例如减少请求数量和通常的整体下载大小.

例如,您可以将颜色框对话框的各种边框元素组合到单个图像中,或者将单击和未单击的图像组合为按钮.

我发现CSS sprites的最佳描述是这一个:http://css-tricks.com/css-sprites/

猜你在找的CSS相关文章