首頁 > 後端開發 > php教程 > 問題兒童都來自異世界第二季 解決控制遮蔽問題:關於有視窗元素和無視窗元素

問題兒童都來自異世界第二季 解決控制遮蔽問題:關於有視窗元素和無視窗元素

WBOY
發布: 2016-07-29 08:36:12
原創
1094 人瀏覽過

我不知道朋友們有沒有碰到過控制項的遮擋問題,最典型的就是DropdownList和ActiveX的遮擋,HTML的z-index就是用來處理這個問題,但是直接設定這個屬性還不行,因為這中間還牽扯到有視窗元素和無視窗元素的問題。
有視窗元素大概有以下幾種: 
 、ActiveX控制項 、Plug-ins、DHTML Scriptlets、SELECT elements(即DropdownList的HTML表現)、IE5.01以前的IFRAMEs 
無視窗元素包括: 
無視窗的ActiveX控制項、IE5.5以後的IFRAMEs、大部分的DHTML元素 
其中很值得一提的就是ActiveX控件,預設情況下,VB和MFC的控制項是有視窗的,ATL控制項是無視窗的,但是ActiveX控制項是作為無視窗來進行實作而且實際上被歸類到無視窗元素中。
不管容器怎麼設定,所有的有視窗元素都會出現在無視窗的元素之上,有視窗元素和無視窗元素內部自身互相會遵循z-index屬性,它們會被繪製在不同的平面上進行顯示,設定z-index只能對它們所在的平面起作用,而且有視窗元素的平面始終處於無視窗元素平面之上。
那麼解決遮蔽問題的想法就很簡單了,把我們的元素封裝進一個DIV中,程式碼範例如下: 
 IND  type ="text/x-scriptlet" data="TestDivDropdownList.htm" VIEWASTEXT> 
 
DIV的z-index為8,然後將SELECT的z-index調至7即可(只需要比DIV的z-index小)。

以上就介紹了問題兒童都來自異世界第二季解決控制遮擋問題:關於有窗口元素和無窗口元素,包括了問題兒童都來自異世界第二季方面的內容,希望對PHP教程有興趣的朋友有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板