html - 光标在具有更高 z-index 的重叠 div 上可见

Question

我的问题是关于光标在重叠 div 上的外观，该 div 具有更高的z-index.

问题是单击按钮后，会div出现一个。现在单击之前可见的 div。您将能够在新出现的 div 上查看光标，即使它z-index更高。此问题仅在 IE 中，不在 FF 或 chrome 上。

$("#y").click(function() {
  $("#u").css("display", "block");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="u" style="height:auto;zindex:999;display:none;border:3px solid red;width:300px;background-color:white;position:absolute;">
  awaeqweqweqwe<br>awqeqweqw<br>aweqweqweq<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></div>
<div contenteditable="true" style="border:2px solid black;margin-top:30px;height:100px"></div>
<input type="buton" id="y" value="askjhdka">

jsFiddle - 签入 IE9。

IE有什么解决方案吗？

Answer 1

如果您从逻辑上看，如果他们不想检查覆盖，用户将单击 textarea。我认为那个时候你应该隐藏覆盖。

$('.textarea').focus(function(){
$("#u").css("display","none");
});