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

Question

我的问题是光标出现在具有更高 z-index 的重叠 div 上。

问题是在你点击按钮之后，出现了一个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').focus(函数(){
$("#u").css("显示","无");
});