摘要
在乙個web頁面上有很多種方法去把元素分類. 基於本文的目的和z-index屬性, 我們可以把他們分為兩類: 視窗類和非視窗類.
視窗類元素
• 標誌元素
• activex 控制項
• plug-ins
• 動態 html (dhtml) scriptlets
• select 元素
• inter*** explorer 5.01 以及早期版本中的iframes
注意activex 控制項是按照視窗類來實現的, 但實際上還有一部分是非視窗類的. 預設的, microsoft visual basic 和microsoft foundation class (mfc) 控制項是視窗類的, 但是active template library (atl) 空間是非視窗類的.
非視窗類元素
• 非視窗的activex控制項
• inter*** explorer 5.5和以後版本的iframes
• 大多數dhtml元素, 比如hyperlinks和 tables
更多資訊
所有的視窗類元素在呈現時都會覆蓋在非視窗類元素上面, 而不管他們的容器是什麼樣的. 然而在視窗類元素之間也是象非視窗類元素一樣都是按照z-index屬性來排列的.
所有的非視窗類元素都是呈現在相同的mshtml平面上, 而視窗類元素是呈現在單獨的mshtml平面上. 你可以利用z-index在同乙個平面內隨意操作元素, 但是不要把不通平面的元素混為一談. 你可以分別重新排列不同平面上元素的z-index, 但是視窗類的平面是總在非視窗類平面之上的.
在inter*** explorer 5中z-index是怎麼工作的
inter*** explorer 5中, iframes是視窗類控制項, 並且他按照z-index屬性的順序和其他視窗類控制項排列在一起, 比如select元素. 如果iframe的z-index值比select元素的大, 那麼iframe將會呈現在select元素之上, 反之亦然. 如果z-index值相同, 那就要看元素在頁面上的位置; 也就是說, 最後放上去的元素將會在前面的元素之上.
下面的**說明這一點:
div
select
iframe
divoption1
option2
option3
iframe的z-index被設定成乙個不變的值5. 當你輸入乙個比任何元素都大的值的時候div元素還是一直在最下面, 因為他是非視窗類的, 其他的元素都會在div元素之上. 當你把select元素的z-index值設的比5大的時候, select元素就會在iframe之上. 當你把select元素的z-index值設的比5小的時候, 它就會在iframe之下了.
這使得select元素變成了唯一的視窗類元素. 如果你在inter*** explorer 5.5中使用前面的**, 當你把select 元素的z-index值設的比5大的時候, 它會在iframe之上. 當你把select 元素的z-index值設的比5小的時候, iframe會覆蓋select元, 即使他們都是非視窗類元素. 這就是iframe的獨特性: 它按照z-index順序和非視窗類元素排列在一起, 並且還可以按照z-index和視窗類元素排列在一起, 比如在這裡和select元素一起.
當你把div 元素的z-index值設定的比iframe大時 (比如6), div會覆蓋iframe. 這符合我們上面的描述: iframes是非視窗的, 並且它按照z-index的順序和其他非視窗類元素排列在一起. 當你設的z-index值和iframe相等時 (比如5), 它還是會在div之上, 這是因為元素的順序在起作用. 當你把div 元素的z-index值設定為6, 同時使select元素和iframe的z-index值為5, 那麼select元素將會一直在div之上, 因為它是視窗類的元素.
• 使用非視窗類的activex控制項來代替視窗類物件. 不幸的是, 所有activex控制項都沒有非視窗類的實現.參考
應用於• microsoft inter*** explorer 6.0 service pack 1
• microsoft inter*** explorer 5.5 service pack 2 and inter*** tools
• microsoft inter*** explorer 5.0
關鍵字: kbbug kbdhtml kbfaq kbieobj kbinfo kb177378
HTML元素的屬性
html元素的屬性多以name value 的形式出現 常用的屬性或者是大多數元素適用的屬性有 id,class,style，tiltle id 給予元素唯一值，id值不可重複，class 類值，一般是元素都具有共有樣式時適用 style 給元素賦予內斂樣式時適用，title 規定元素的額外資訊 使...
HTML元素的屬性
html元素的屬性，每個元素都有多個屬性值 段落標記 字型大小標記size取值1 7 標題字型大小 1,2,3,4,5,6 字型加粗 是換行，是段落 換行後不會空行，而換行後會空一行。1 html 2 head title 第乙個網頁 title head 3 body 4 b 第一行文字 b 5 ...
html 元素和屬性
html文件是由html元素組成的 開始標籤 元素內容 結束標籤 這是乙個段落 這是乙個鏈結 元素的巢狀 準確的說，html文件是由巢狀的元素組成的 空元素元素內容為空的元素為空元素，一般空元素是在開始標籤內結束，但有些空元素沒有結束標籤，如 是換行標籤，推薦使用 也是可以的，但是標準推薦對於空元素...