图片整合

 
将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。

图片整合的优势:

1、通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度。
2、通过整合图片来减小图片的体积。

方法

1、ps
2、网上公开的图片整合小软件
3、psd源文件

CSS Sprites的实现方法

滑动门技术
 
1.什么是滑动门
 
滑动门是一个形象的称呼,它利用CSS背景图像可层叠性,并允许彼此之上进行滑动来创造一些特殊动态效果
 
2.滑动门特征:
 
通过滑动门技术,可以使CSS设计出来的导航菜单兼具传统布局的图像效果,与CSS布局的高效扩展性 。
 
原文地址:https://www.cnblogs.com/tis100204/p/10297110.html