这个如何实现?

来源:百度知道 编辑:UC知道 时间:2024/09/13 00:55:19
http://product.pconline.com.cn/
这个页面的图标元素,都是放在一个图片上(见附图),然后用CSS控制显示

这是如何实现的?给详细讲讲如何做这种(CSS控制原理)?这样做有什么好处?

合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,如可以简单地把所有的CSS文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改,这可能会相对麻烦点,但即便如此也要把这个方法作为改善页面性能的重要一步。

CSS Sprites是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中,然后通过CSS的background-image和background-position属性来显示图片的不同部分;

图片地图是把多张图片整合到一张图片中。虽然文件的总体大小不会改变,但是可以减少HTTP请求次数。图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候才能使用,如导航栏。确定图片的坐标和可能会比较繁琐且容易出错,同时使用图片地图导航也不具有可读性,因此不推荐这种方法;
具体方法:
http://hi.baidu.com/comasp/blog/item/a94d8e51b787592742a75b98.html