div覆蓋在dropdownlist之上的方法

2021-05-17 12:36:36 字數 887 閱讀 8283

下拉框,即html的select元素,.net設計時的dropdownlist,是html中的windowed  element,尤其ie6之後,幾乎是唯一的windowed  element(還有popup等少量極少用的的)。 

普通的元素,textbox,  div,  table……這些,屬於windowless  element,它們之間互相遮蓋的情況由z-index決定,在它們之上,是select這些windowed  element。

所以一般情況下div、table等不能遮蓋select。這個問題廣泛存在於各種彈出式控制項的使用之中,比如日曆控制項等。如果要顯示div,以前的做法是,動態的,在顯示的時候,讓div區域的select不可見,div消失的時候,再恢復這些select元素。這種做法比較奇怪,因為它嚴格上並不是「遮蓋」了select,而是,讓她整個消失了,如果calendar彈出元素只是應該遮蓋select元素的一部分,但select卻整個不見,使用者也許會覺得奇怪;做起來也麻煩,要用js逐一判斷各select的位置。  

ie5.5之後,有乙個新的小技巧,稱之為「iframe  shim」(iframe加塞:p),可以真正的「遮蓋」select元素。它利用了一種特殊的元素:iframe。在ie5.5之前,iframe也是windowed  element,但從5.5開始,iframe就是普通的windowless  element了,可是,雖然是windowless  element,iframe卻可以蓋住select。這種做法的原理就是:放乙個iframe與你要顯示的東西(比如說乙個div)同樣大小、位置,並設定z-index使得iframe在此div之下;這樣,iframe遮蓋了select,同時,iframe又在要顯示的div的下面,div就露出來了。 

限制:僅適用於ie5.5及以後版本。

eg...................

如何讓div層覆蓋Flash

如何讓div層覆蓋flash 1.修改flash自身屬性,適用 firefox 跟 ie 這種方案需要修改flash 使flash在載入時為透明的,所以div層可以覆蓋這個flash。在原來的flash 中新增在中新增屬性 wmode transparent 2使用iframe 使用iframe的方...

讓div與另乙個div覆蓋

這裡筆者想把乙個div層覆蓋在另乙個div之下或者之上,這裡指需要增加乙個css屬性就可以解決 style position absolute left 10 top 20 你的內容div style position absolute left 15 top 25 你的內容div 比如以上兩個層,...

object覆蓋的div解決辦法

最近做個web專案,因為裡面有個的外掛程式,彈出對話方塊會被其遮蓋,我做了個標籤,在彈框時,把覆蓋掉,再在iframe上放個對話方塊。這是這個問題的解決思路。終於將這個問題解決掉了,我將思路分享給大家以供參考。定義和用法 定義乙個嵌入的物件。請使用此元素向您的 xhtml 頁面新增多 此元素允許您規...