Fireworks 能直接導出圖片到 CSS 圖層。CSS 圖層為自由浮點結構，可在瀏覽器 4+ 版本顯示。特性：

1. 位置：圖層及內容可精確放置，分層遠比傳統 HTML 容易。
2. 深度：圖層可堆疊，深度可動態改變。
3. 可視性：圖層可隱藏/顯示。
4. 圖層可動態放置並螢幕移動。

簡要介紹技術：

1. FW 中開啟背景圖像，圖層面板鎖定。
2. 圖層面板點 New Layer 新增圖層。
3. Insert → Image 開啟圖片，或從開啟文件剪切貼上對象/圖片。
4. 相對背景放置圖片。
5. 重複 2-4 為每對象創建新圖層。雖各對象在各自圖層，但看起來好似挨個排列。
6. 所有圖片正確放置後，選 File → Export Special → CSS Layer，彈出對話框。
7. 選 Layer from the files from 選項列表，作為 FW 元件類型導出。
8. Trim Image 選項：勾選則 FW 圖層作單獨圖片保存；不勾選則背景與當前圖層合併導出。
9. HTML Style 設為 CSS 圖層。
10. Location 選項列表選一選項定 HTML 文件保存位置：同目錄、上一級、自定義。
11. 完成點 Save。Dreamweaver 開啟後每圖片佔單獨層，CSS 圖層深度由 FW 圖層順序決定。