項目過程中，有c++控制項，層級問題的解決

首先要明白，同類的層級是可以通過z-index來控制；但非同類之間的層級的關係：

c++控制項>div；

但是在使用過程中，如何合理控制各個之間的關係呢。

如我曾經碰到過一個問題；是控制項放在彈出框中；但2個彈出框同時開啟時，並相互移動，將一個彈出框放在另一個彈出框之上，問題就來了。上面的彈出框能遮擋住下面的彈出框的頭部，也就是只能遮擋住頭部的div，不能遮擋內容的控制項。為什麼會有這種情況呢；原來我們的彈出框是可以根據彈出順序，有個層級順序，但控制項之間的的層級也是根據彈出順序有關，不同的時，先彈出的層級更高。這就導致了下圖的現象

那麼這樣的問題，該怎麼解決呢。

方法：咱們先引入一個iframe.因為，irame的層級高於c++控制項；即iframe>c++控制項；控制項>div；但div 是可以遮擋iframe的。即咱們通過iframe封裝下控制項，就ok了。

碰到的第二個問題，頁面主要是c++控制項，但偶爾需要彈出框。控制項會一直遮擋彈出框。怎麼辦。

解決方案：

在執行彈出框時，對控制項進行visibility:hidden；（記住不能使用display:none的show和hide的方式；因為當你彈出框關閉時，會二次載入控制項，肯定是不行的）

並通過回呼函數的形式寫彈出框，即對js進程進行阻塞進程，只用當確定按鈕點擊後，再對c++控制項進行visibility:visible