Как скрыть текстовый курсор ниже сОн элемента

Question

Я новичок в CSS и JavaScript.
У меня есть одно текстовое поле поиска, в котором я могу добавить любое значение поиска. После ввода неправильного значения появляется один всплывающий div и говорит «никаких записей не найдено» (с закрывающей кнопкой для закрытия div). после того, как я поместил курсор в текстовое поле без закрытия всплывающего окна. мой курсор отображается над полем div.
| ------------------ | поле поиска
| ------------------ |

Мое текстовое поле css свойства.

z-index: 200630; position: absolute; width: 149px; height: 21px; 
overflow: visible; top: 0px; cursor: default; left: 0px; 

Мой DIV элемент CSS проп:

z-index: 201350; position: absolute; width: 270px; height: 20px; 
overflow: hidden; top: 0px; cursor: default; left: 0px; 

Как скрыть курсор под сНом element.Issue происходит только в IE

Я создал небольшой jsfiddle.Issue происходит в IE 8, только не FF http://jsfiddle.net/raj31/LUaej/1/

Answer 1

Я создал небольшой fiddle, который, как я считаю, воспроизводит вашу проблему.

Я думаю, что решение может быть просто размыть поле поиска на показ диалога, как я сделал в 3-й строке (закомментировать, чтобы получить вашу проблему):

$('.seach').blur() 

Answer 2

не представляется возможным с имеющимися IE (s) ..

Посмотреть таблицу

https://connect.microsoft.com/IE/feedback/details/841043/blinking-text-cursor-overlapping-with-div

Answer 3

можно смещать курсор при фокусировке свой новый DIV. Это сработало для меня, я закрываю div, который включает в себя имена пользователей и пароль после аутентификации. После ввода клавиши курсор мигал, но я сфокусировал логотип в функции обратного вызова в функции auth. Теперь это нормально

Answer 4

Я знаю, что опоздал, но я только что решил эту ошибку, используя document.activeElement.blur();.