Dreamweaver CC 如何設(shè)計(jì)滑動(dòng)背景鏈接樣式?

部分視頻內(nèi)容：

使用背景圖像設(shè)計(jì)鏈接樣式比較常用，其中，利用背景圖像的動(dòng)態(tài)滑動(dòng)技巧可以設(shè)計(jì)很多精致的 鏈接樣式，這種技巧被稱為滑動(dòng)門技術(shù)。設(shè)計(jì)技巧如下：

設(shè)計(jì)相同大小但不同效果的背景圖像進(jìn)行輪換時(shí)，背景圖像之間應(yīng)該過渡自然、切換吻合。

所有背景圖像組合在一張圖中，然后利用CSS技術(shù)進(jìn)行精確定位，實(shí)現(xiàn)在不同狀態(tài)下顯 示為不同的背景圖像，這種技巧也被稱為CSS Sprites0 在本案例中，先定義鏈接塊狀顯示，然后根據(jù)背景圖像大小定義a元素的寬和高，并分別在默認(rèn) 狀態(tài)和鼠標(biāo)指針經(jīng)過狀態(tài)下定義背景圖像。對于背景圖像來說，寬度可以與背景圖像寬度相同，也可 以根據(jù)需要小于背景圖像的寬度，但是高度必須保持與背景圖像的高度一致。具體操作見視頻。