6

私の問題は、重複する 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のこれに対する解決策はありますか?

4

1 に答える 1

-1

論理的に見ると、オーバーレイをチェックしたくない場合、ユーザーはテキストエリアをクリックします。その時はオーバーレイを非表示にする必要があると思います。

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

于 2014-02-07T13:30:17.137 に答える