文章編號: 177378 - 上次校閱: 2006年5月11日 - 版次: 3.0

資訊: Z 軸索引屬性運作方式的 HTML 項目

系統提示本文適用於您使用的作業系統之外的作業系統。與您不相關的文章內容已停用。

結論

有許多種方式可以分類 Web 網頁上的項目。本文件並 Z 軸索引 屬性的目的，我們可以分成它們兩個類別：視窗型並無視窗。

視窗型的項目

<object>標記項目
ActiveX 控制項
外掛程式
動態 HTML (DHTML) Scriptlet
SELECT 項目
IFRAMEs 網際網路總管 5.01 或更早版本

附註ActiveX 控制項實作為無視窗及實際上會落入無視窗類別。預設情況下，Microsoft Visual Basic 和 Microsoft 基礎類別 (MFC) 的控制項是視窗型，但使用中範本程式庫 (ATL) 控制項是無視窗。

無視窗的項目

無視窗的 ActiveX 控制項
IFRAMEs 網際網路總管 5.5 與更新版本
與超連結或資料表等等的大部分 DHTML 元素

回此頁最上方

視窗型的所有項目會繪製本身所有無視窗的項目，儘管其容器的祝福的頂端。不過，視窗型的項目遵循相對於彼此，Z 軸索引 屬性，就像無視窗元素遵循與彼此要相對 Z 軸索引 屬性。

無視窗的所有項目呈現在相同的 MSHTML 平面上並在個別的 MSHTML 平面上繪製視窗型的項目。您可以使用 Z 軸索引 操作相同的平面上的項目，但不是將混合，與不同的平面中的項目相符。您可以重新排列 Z-索引的每個平面上元素，但視窗型的飛機永遠會繪製無視窗平面的頂端。

回此頁最上方

圖層索引如何在 Internet Explorer 5 中運作

在 Internet Explorer 5 IFRAMEs 都是視窗型控制項，並遵循相對於其他視窗型控制項，例如 SELECT 項目的 Z 軸索引 屬性。如果 IFRAME Z 軸索引 大於 SELECT 項目，[IFRAME 繪製 SELECT 元素的頂端，反之亦然。如果 Z 軸索引 是相同的在頁面上元素順序會優先採用；因此，最後一個項目繪製的前一個項目上。

下列範例程式碼說明這點：

<HTML>
<HEAD>
<TITLE>Z-Index</TITLE>
<script>
function setindex()
{
	div1.style.zIndex=text1.value;
	select1.style.zIndex=text2.value;
	getindexes();
}

function getindexes(){

	text1.value=div1.style.zIndex;
	text2.value=select1.style.zIndex;
	text3.value=5;
}
</script>
</HEAD>
<BODY onload="getindexes()">

Div
<input type="text" value="" id=text1 name=text1 ><p>

Select
<input type="text" value="" id=text2 name=text2><p>

IFrame
<input type="text" value="" id=text3 name=text3><p>
<input type="button" value="Set Z-Index" id=button1 name=button1 onclick="setindex()">
<DIV id=div1 name=div1  style="width:200;height:200;background-color:lightblue;
position:absolute;left:350;top:250;z-index:">DIV</DIV>
<select id=select1 name=select1 style=";position:absolute;left:300;top:400;width=300;z-index:" 
size=1 >
	<option>Option1
	<option>Option2
	<option>Option3
</select>
<IFRAME id=iframe1 name=iframe1 src="" scroll=none style="width:100;height:115;position:absolute;
left:400;top:300;border-color:green;z-index:5"></iframe>
</BODY>
</HTML>

[IFRAME 的 Z 軸索引 會設定成 5 的常值。當您輸入值，高於其餘的項目時，DIV 項目一律繪製底部因為無視窗，且其他項目繪製的 DIV 項目上。當您將 SELECT] 項目的 Z 軸索引 變更為大於 5 的數值時，SELECT 項目繪製在 IFRAME 的頂端。當您將 SELECT] 項目的 Z 軸索引 變更為小於 5 的數值時，它會在 [IFRAME 底部上進行繪製。

當您將 SELECT] 項目的 Z 軸索引 設定為 [5 時，[IFRAME 繪製的 SELECT 項目上因為 [IFRAME 是最後一個項目，因此，會優先於 SELECT。如果 SELECT 項目後面之 IFRAME，項目上方的 [IFRAME 時繪製 z 索引都相同。

回此頁最上方

圖層索引網際網路總管 5.5 中的運作方式

Z 索引會採取網際網路總管 5.5 中哪些 IFRAMEs 不再視窗型的項目中的一個完全新層級。如需詳細資訊，請參閱下列 Microsoft 開發 o 人 h 員 ? 工 u 具 ? 網路 (MSDN) 文件中的「無視窗 IFRAME 元件」主題：

http://msdn.microsoft.com/workshop/author/dhtml/overview/compat.asp#WindowlessFrames (http://msdn.microsoft.com/workshop/author/dhtml/overview/compat.asp#WindowlessFrames)

這樣做只是視窗型的項目留下 SELECT 項目。如果使用前面的程式碼執行網頁，當您將 SELECT] 項目的 Z 軸索引 設定為大於 5 的數值的網際網路檔案總管 5.5 它繪製 [IFRAME 的頂端。當您將 SELECT] 項目的 Z 軸索引 設定為小於 5 的數值時，[IFRAME 與重疊它，即使它們是兩個無視窗的項目。這是 [IFRAME 的特點：它跟 Z 軸索引 相對於無視窗項目，而且它支援 Z 軸索引 相對於視窗型的項目，像是 SELECT 項目在這個案例。

當您將 DIV 項目的 Z 軸索引 設定為大於 IFRAME (如 6) 的數值時，DIV 涵蓋 [IFRAME。這種情況支援上述的陳述式 IFRAMEs 無視窗，而且它們依照疊置順序與其他無視窗的項目。當您將 Z 軸索引 設定為 [值小於或等於 (如 5) IFRAME 時，它仍然繪製 DIV 的頂端中，因為元件的順序會優先採用。當您將 DIVZ 軸索引 設定為 6，並保留的 SELECT 項目和 IFRAME Z 軸索引 的 5 時，SELECT 項目一律繪製 DIV 的頂端因為它是視窗型。

不過，IFRAME 嘗試繪製上方的 SELECT，因為它是最後的順序。若要避免發生這種情況，SELECT 之項目的 Z 軸索引 值必須大於 [IFRAME 或者 SELECT 項目必須是最後一次，以確保項目永遠將 IFRAME 的上方時繪製 z 索引是相同的清單中。有鑑於此，z 索引類似的內容可能會很困難。若要解決這個問題，使用下列方法：

用以隱藏及顯示項目時所需的階層式樣式表 (CSS) 樣式屬性。
使用 DHTML Scriptlet。雖然行為通常慣用，這是一個 Scriptlet 是慣用的執行個體。
網際網路總管 5.5 中您可以使用可讓您顯示任何東西的頂端的豐富內容的 [快顯功能表] 物件。這是為功能表工具提示功能非常有用的。如需詳細資訊請參閱「快顯功能表物件"文件，在下列 MSDN 網站上]：
http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/popup.asp (http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/popup.asp)
使用無視窗的 ActiveX 控制項，而不要使用視窗型的物件。不幸的是，所有 ActiveX 控制項沒有無視窗的實作。

回此頁最上方

?考

如需有關 Microsoft Internet Explorer 開發 Web 為基礎的解決方案的詳細資訊，請造訪下列 Microsoft 網站：

http://msdn.microsoft.com/ie/ (http://msdn.microsoft.com/ie/)

http://support.microsoft.com/iep (http://support.microsoft.com/iep)

回此頁最上方

這篇文章中的資訊適用於:

Microsoft Internet Explorer (Programming) 6.0
Microsoft Internet Explorer 5.5
Microsoft Internet Explorer 5.0

回此頁最上方

kbmt kbbug kbdhtml kbfaq kbieobj kbinfo KB177378 KbMtzh

回此頁最上方

機器翻譯

重要：本文是以 Microsoft 機器翻譯軟體翻譯而成，而非使用人工翻譯而成。Microsoft 同時提供使用者人工翻譯及機器翻譯兩個版本的文章，讓使用者可以依其使用語言使用知識庫中的所有文章。但是，機器翻譯的文章可能不盡完美。這些文章中也可能出現拼字、語意或文法上的錯誤，就像外國人在使用本國語言時可能發生的錯誤。Microsoft 不為內容的翻譯錯誤或客戶對該內容的使用所產生的任何錯誤或損害負責。Microsoft也同時將不斷地就機器翻譯軟體進行更新。

按一下這裡查看此文章的英文版本：177378? (http://support.microsoft.com/kb/177378/en-us/ )

回此頁最上方

Microsoft及(或)其供應商不就任何在本伺服器上發表的文字資料及其相關圖表資訊的恰當性作任何承諾。所有文字資料及其相關圖表均以「現狀」供應，不負任何擔保責任。Microsoft及(或)其供應商謹此聲明，不負任何對與此資訊有關之擔保責任，包括關於適售性、適用於某一特定用途、權利或不侵權的明示或默示擔保責任。Microsoft及(或)其供應商無論如何不對因或與使用本伺服器上資訊或與資訊的實行有關而引起的契約、過失或其他侵權行為之訴訟中的特別的、間接的、衍生性的損害或任何因使用而喪失所導致的之損害、資料或利潤負任何責任。

依現狀不再更新的知識庫內容免責聲明

本文旨在說明 Microsoft 不再提供支援的產品。因此，本文係依「現狀」提供，不會再更新。

回此頁最上方