解決控件遮擋問題：關(guān)于有窗口元素和無窗口元素
更新時(shí)間：2007年01月28日 00:00:00 作者：
不知道朋友們有沒有碰到過控件的遮擋問題，最典型的就是DropdownList和ActiveX的遮擋，HTML的z-index就是用于處理這個(gè)問題，但是直接設(shè)置這個(gè)屬性還不行，因?yàn)檫@中間還牽扯到有窗口元素和無窗口元素的問題。
有窗口元素大概有以下幾種：
<object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements（即DropdownList的HTML表現(xiàn)）、IE5.01以前的IFRAMEs
無窗口元素包括：
無窗口的ActiveX控件、IE5.5以后的IFRAMEs、大部分的DHTML元素
其中很值得一提的就是ActiveX控件，默認(rèn)情況下，VB和MFC的控件是有窗口的，ATL控件是無窗口的，但是ActiveX控件是作為無窗口來進(jìn)行實(shí)現(xiàn)而且實(shí)際上被歸類到無窗口元素中。
不管容器怎么設(shè)定，所有的有窗口元素都會(huì)出現(xiàn)在無窗口的元素之上，有窗口元素和無窗口元素內(nèi)部自身互相會(huì)遵循z-index屬性，它們會(huì)被繪制在不同的平面上進(jìn)行顯示，設(shè)置z-index只能對(duì)它們所在的平面起作用，而且有窗口元素的平面始終處于無窗口元素平面之上。
那么解決遮擋問題的思路就很簡(jiǎn)單了，把我們的元素封裝進(jìn)一個(gè)DIV中，代碼示例如下：
<DIV id="PAL2" style="DISPLAY: inline; Z-INDEX: 8; LEFT: 80px; WIDTH: 360px; POSITION: absolute; TOP: 80px; HEIGHT: 168px">
<OBJECT id="dhtmltest" style="Z-INDEX: 8; WIDTH: 352px; HEIGHT: 168px" type="text/x-scriptlet" data="TestDivDropdownList.htm" VIEWASTEXT>
</OBJECT></DIV>
DIV的z-index為8，然后將SELECT的z-index調(diào)為7即可（只需要比DIV的z-index?。?
有窗口元素大概有以下幾種：
<object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements（即DropdownList的HTML表現(xiàn)）、IE5.01以前的IFRAMEs
無窗口元素包括：
無窗口的ActiveX控件、IE5.5以后的IFRAMEs、大部分的DHTML元素
其中很值得一提的就是ActiveX控件，默認(rèn)情況下，VB和MFC的控件是有窗口的，ATL控件是無窗口的，但是ActiveX控件是作為無窗口來進(jìn)行實(shí)現(xiàn)而且實(shí)際上被歸類到無窗口元素中。
不管容器怎么設(shè)定，所有的有窗口元素都會(huì)出現(xiàn)在無窗口的元素之上，有窗口元素和無窗口元素內(nèi)部自身互相會(huì)遵循z-index屬性，它們會(huì)被繪制在不同的平面上進(jìn)行顯示，設(shè)置z-index只能對(duì)它們所在的平面起作用，而且有窗口元素的平面始終處于無窗口元素平面之上。
那么解決遮擋問題的思路就很簡(jiǎn)單了，把我們的元素封裝進(jìn)一個(gè)DIV中，代碼示例如下：
<DIV id="PAL2" style="DISPLAY: inline; Z-INDEX: 8; LEFT: 80px; WIDTH: 360px; POSITION: absolute; TOP: 80px; HEIGHT: 168px">
<OBJECT id="dhtmltest" style="Z-INDEX: 8; WIDTH: 352px; HEIGHT: 168px" type="text/x-scriptlet" data="TestDivDropdownList.htm" VIEWASTEXT>
</OBJECT></DIV>
DIV的z-index為8，然后將SELECT的z-index調(diào)為7即可（只需要比DIV的z-index?。?
相關(guān)文章
Win2003服務(wù)器安全加固設(shè)置－-進(jìn)一步提高服務(wù)器安全性
Win2003服務(wù)器安全加固設(shè)置－-進(jìn)一步提高服務(wù)器安全性...2007-05-05
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安裝全功略
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安裝全功略...2006-07-07
這篇文章主要介紹了input隱藏、只讀和限制的屬性，通過更改input的屬性達(dá)到輸入框限制長(zhǎng)度和無法修改等功能,有需要的朋友可以參考下2017-08-08
php網(wǎng)絡(luò)安全session利用的小思路
這篇文章主要為大家介紹了關(guān)于php網(wǎng)絡(luò)安全中session利用的小思路示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步2022-02-02
Linux下PHP+Apache的26個(gè)必知的安全設(shè)置
作為一名PHP程序員，PHP程序的安全是非常重要的，那么在LAMP環(huán)境下有哪些必須要掌握的PHP與Apache安全設(shè)置項(xiàng)呢，以下為大家列出了26個(gè)PHP程序員必須知道的安全設(shè)置2020-01-01
shell編程入門之變量，字符串，數(shù)組，函數(shù)使用方法總結(jié)
這篇文章主要介紹了shell編程入門之變量，字符串，數(shù)組，函數(shù)使用方法總結(jié),需要的朋友可以參考下2022-01-01
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。這為調(diào)用正則的 exec 方法提供了便捷。例如，在 Firefox中，regex(”string”) 等同于 regex.exec(”string”)。2008-06-06
php分頁(yè)函數(shù)...2006-07-07
本篇文章主要介紹了PHP 無限級(jí)分類的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
PHP截取中文字符串的問題...2006-07-07