Fireworks 製作彈出選單插入 HTML 預覽時,選單位置常有較大偏差。經多次調試總結經驗分享。
偏差主因三點:
Fireworks 輸出帶彈出選單檔案時,自動建立 JavaScript(fw_menu.js)指定下級選單位置,依據下級選單距畫布左、上邊絕對像素定位,此絕對定位帶入 HTML。在 Dreamweaver 改變引發裝置位置時,下級選單仍在原位,不會跟隨改變。
實例:Fireworks 畫布中按鈕位於左上角(W150, H50, X0, Y0),下級選單左上角距畫布左、上 50 像素(X50, Y50)。插入 Dreamweaver 後,按鈕位置變為距頁面左 50、上 60 像素,但下級選單位置未變,導致瀏覽器中偏差。
解決:修改 HTML 代碼調整下級選單定位。Dreamweaver 中選中引發裝置,切換代碼視圖,相關代碼高亮,手動調整座標值匹配新位置。