定位圖層

圖層在網頁上的位置，取決於圖層的定位樣式 (絕對或相對)、文繞圖樣式 (左、右或無)、在 Z 軸上的順序 (Z 軸索引值) 與相對位置座標 (左、上、右、下)。

秘訣：
除了本主題所提供的步驟之外，您也可以選取圖層，並在 [CSS 屬性] 面板或 [位置] 工具列中設定這些值，以設定圖層的定位樣式、相對位置座標，以及 Z 軸上的順序 (及其他圖層的屬性)。如需詳細資訊，請參閱 CSS 屬性面板與置放工具列。

設定圖層在 Z 軸上的順序

在 [圖層] 面板中，執行下列一項動作：

• 在清單中向上或向下拖曳圖層，以將其定位至所需要的位置。圖層的 Z 軸索引會設定成大於 [圖層] 面板下方所列圖層的值。

• 請在 [圖層 Z 軸索引] 欄中的該圖層值上按兩下，然後輸入新值。

• 以滑鼠右鍵按一下該圖層，並選取 [位置]，再於 [位置] 對話方塊的 [圖層順序] 方塊中指定值，然後按一下 [確定]。

使用位置對話方塊修改圖層的位置

1. 若要開啟 [位置] 對話方塊，執行下列其中一項動作：

   • 在 [圖層] 面板中，以滑鼠右鍵按一下圖層，然後選取 [位置]。

   • 在 [設計] 檢視中，選取該圖層，並指向 [格式]，然後選取 [位置]。

2. 若要指定網頁元素於該圖層上的文繞圖方式，請在 [位置] 對話方塊的 [文繞圖樣式] 下選取樣式。

3. 若要指定圖層的定位樣式，請在 [定位樣式] 下，選取 [絕對] 或 [相對]。

   注意：
   若是將圖層位置設為絕對或相對以外的值，Microsoft Expression Web 便不會將該組 <div> 標籤視為圖層。

4. 若要指定圖層的相對位置座標，請在 [位置和大小] 下的 [左]、[右]、[上] 及 [下] 方塊中輸入值。

5. 按一下 [確定]。

以拖曳方式修改圖層的位置

• 在 [設計] 檢視中，指向圖層的任一邊 (但請避開邊角與邊框控點)，並於指標圖示轉變為四向箭號時開始拖曳，將圖層拖曳至新的位置。

  注意：
  圖層若是使用絕對定位，即可將圖層拖曳至網頁上的任意處；但若是使用相對定位，則只可將圖層拖曳至容器區塊內。

只修改圖層的定位樣式

1. 在 [設計] 檢視或 [程式碼] 檢視中，將游標置於所要定位的圖層上，或選取該圖層。

2. 在 [快速標籤選取器] 列之編輯視窗的頂端，指向目前圖層的 <div> 標籤，然後按一下該標籤旁的向下箭號，然後指向 [位置]，最後按一下定位樣式。

另請參閱

工作

調整圖層大小
定位網頁上的項目
在設計檢視中設定邊界、邊框間距與尺寸

參照

圖層面板
置放工具列