Question

我的HTML中有2个div，如下所示。 .show div位于.hide div的顶部。

我希望能够不允许操作（我的意思是鼠标悬停和mouseout之类的不同事件不应该触发）.hide div中的Dojo Tree小部件。我的目标是使用Z-Index属性禁用Dojo树小部件。这似乎在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>

不允许使用Z-INDEX点击另一个div下面的div不适用于IE

1 个答案: