The cursor is displayed on an overlapping div that has a higher z-index

Question

My problem is when the cursor appears on an overlapping div that has a higher z-index .

The problem is that after clicking the button a div appears. Now click on the div that was previously visible. You can view the cursor on a newly appearing element, even if it is z-index higher. This problem is in IE just not on FF or chrome.

jsFiddle - check IE9.

Any solution for IE?

Answer 1

If you see logically, the user clicks on textarea if they do not want to check the overlay. I think you need to hide the overlay.

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