不允許使用Z-INDEX在另一個div下方單擊一個div在IE上不起作用

Question

我的HTML中有2個div，如下所示。 .show div位於.hide div的頂部。

我希望不能進行操作（我的意思是.hide div中的Dojo Tree小部件不應該觸發（如mouseover和mouseout之類的不同事件）。 我的目標是使用Z-Index屬性禁用Dojo Tree小部件。 這似乎可以在Chrome和Firefox上正常運行，但不能在IE（我擁有最新版本）上運行。 我無法在chrome和Firefox中單擊窗口小部件（這是我想要的）。但是IE仍然允許我使用該窗口小部件進行操作，盡管它上面有一個div。

我確實嘗試過eventlistener方法來解決此問題，但沒有幫助。

<div>
    <div class="show" style="position:absolute;z-index:1000;width:200px;height:200px;"> 
        <!--This div is empty-->
    </div>
    <div class="hide" style="height:200px;height:200px">   
        <div id="Testing" dojoType="camiant.form.SingleCheckBoxTree"
                        store="store"></div>
    </div>
</div>

任何幫助將不勝感激。非常感謝...

Answer 1

為什么不使用css屬性display:none呢？

代碼：

<div class="hide" style="height: 200px; height: 200px; display: none;">   
    <div id="Testing" dojoType="camiant.form.SingleCheckBoxTree" store="store"></div>
</div>