萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Fireworks 教學

Fireworks 彈出選單位置偏差問題解決方案

Fireworks 製作彈出選單插入 HTML 預覽時,選單位置常有較大偏差。經多次調試總結經驗分享。

偏差主因三點:

  1. 改變引發裝置位置——引發裝置在 Dreamweaver 頁面位置與 Fireworks 畫布位置不同。
  2. 瀏覽器留白——未將頁面 margins 設為 0。
  3. 引發裝置未用絕對定位——引發裝置非絕對定位放置。

一、引發裝置的絕對定位

Fireworks 輸出帶彈出選單檔案時,自動建立 JavaScript(fw_menu.js)指定下級選單位置,依據下級選單距畫布左、上邊絕對像素定位,此絕對定位帶入 HTML。在 Dreamweaver 改變引發裝置位置時,下級選單仍在原位,不會跟隨改變。

實例:Fireworks 畫布中按鈕位於左上角(W150, H50, X0, Y0),下級選單左上角距畫布左、上 50 像素(X50, Y50)。插入 Dreamweaver 後,按鈕位置變為距頁面左 50、上 60 像素,但下級選單位置未變,導致瀏覽器中偏差。

解決:修改 HTML 代碼調整下級選單定位。Dreamweaver 中選中引發裝置,切換代碼視圖,相關代碼高亮,手動調整座標值匹配新位置。

copyright © 萬盛學電腦網 all rights reserved