最典型的就是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中,**示例如下:
div的z-index為8,然後將select的z-index調為7即可(只需要比div的z-index小)
html父視窗和子視窗之間元素和js相互呼叫
html父視窗和子視窗之間元素和js相互呼叫 父視窗呼叫子視窗 window.frames iframe的id document.getelementbyid iframe中的id 子視窗呼叫父視窗 parent.document.getelementbyid 父頁面中的id iframe父子視窗間...
關於iframe的父子視窗方法 元素之間的呼叫
父頁面從子頁面獲取到name屬性,遍歷設定為不可編輯 type var medcheck window.frames mframe document.getelementsbyname medchecks for var n 0 n medcheck.length n 父頁面呼叫子頁面的方法 con...
iframe獲取父 子視窗的元素和方法
jquery js呼叫iframe父視窗與子視窗元素的方法 親測有效 子頁面獲取父頁面的id care的子頁面 parent.care.location.reload 父頁面獲取id imp的子頁面 imp.location.reload 1.jquery在iframe子頁面獲取父頁面元素和方法 如...