CSS Sprites的原理（圖片整合技術(shù)）

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

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

1）通過(guò)圖片整合來(lái)減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，從而提高 頁(yè)面的加載速度。

2）通過(guò)整合圖片來(lái)減小圖片的體積。

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

（1）滑動(dòng)門(mén)技術(shù)

1.什么是滑動(dòng)門(mén)

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

2.滑動(dòng)門(mén)特征：

通過(guò)滑動(dòng)門(mén)技術(shù)，可以使CSS設(shè)計(jì)出來(lái)的導(dǎo)航菜單兼具傳統(tǒng)布局的圖像效果，與CSS布局的高效擴(kuò)展性 。