第7天圖片整合

CSS Sprites的原理（圖片整合技術）

一、將導航背景圖片，按鈕背景圖片等有規(guī)則的合并成一張背景圖，即將多張圖片合為一張整圖，然后用background-position”來實現(xiàn)背景圖片的定位技術。

二、圖片整合的優(yōu)勢：

1）通過圖片整合來減少對服務器的請求次數(shù)，從而提高 頁面的加載速度。

2）通過整合圖片來減小圖片的體積。

2、CSS Sprites的實現(xiàn)方法

（1）滑動門技術

1.什么是滑動門

滑動門是一個形象的稱呼，它利用CSS背景圖像可層疊性，并允許彼此之上進行滑動來創(chuàng)造一些特殊動態(tài)效果

2.滑動門特征：

通過滑動門技術，可以使CSS設計出來的導航菜單兼具傳統(tǒng)布局的圖像效果，與CSS布局的高效擴展性 。