不知道朋友們有沒(méi)有碰到過(guò)控件的遮擋問(wèn)題，最典型的就是DropdownList和ActiveX的遮擋，HTML的z-index就是用于處理這個(gè)問(wèn)題，但是直接設(shè)置這個(gè)屬性還不行，因?yàn)檫@中間還牽扯到有窗口元素和無(wú)窗口元素的問(wèn)題。


有窗口元素大概有以下幾種： 
<object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements（即DropdownList的HTML表現(xiàn)）、IE5.01以前的IFRAMEs 


無(wú)窗口元素包括： 
無(wú)窗口的ActiveX控件、IE5.5以后的IFRAMEs、大部分的DHTML元素 


其中很值得一提的就是ActiveX控件，默認(rèn)情況下，VB和MFC的控件是有窗口的，ATL控件是無(wú)窗口的，但是ActiveX控件是作為無(wú)窗口來(lái)進(jìn)行實(shí)現(xiàn)而且實(shí)際上被歸類(lèi)到無(wú)窗口元素中。 


不管容器怎么設(shè)定，所有的有窗口元素都會(huì)出現(xiàn)在無(wú)窗口的元素之上，有窗口元素和無(wú)窗口元素內(nèi)部自身互相會(huì)遵循z-index屬性，它們會(huì)被繪制在不同的平面上進(jìn)行顯示，設(shè)置z-index只能對(duì)它們所在的平面起作用，而且有窗口元素的平面始終處于無(wú)窗口元素平面之上。 


那么解決遮擋問(wèn)題的思路就很簡(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?。?。