位置:首頁 > 軟件操作教程 > UI設(shè)計軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver CC 如何設(shè)計滑動背景鏈接樣式?

提問人:劉旭39發(fā)布時間:2020-12-17

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

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

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

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

繼續(xù)查找其他問題的答案?

回復(fù)(0)
返回頂部