CSS-IE-11中输入框闪烁的光标的z-index问题

Question

在IE-11中，当输入框中的键入文本字符串较长时，输入框的闪烁光标将移动到ID为“ Second”的div上方。

请提出我如何可以阻止此情况。

请参阅“ http://jsfiddle.net/rhcpz4uq/ ”

要么

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>Z-Index Problem</title> </head> <body> <div id="first" style="width: 500px; height: 500px; display:inline; position:absolute;"> <input id="input1" type="text" value=""></input> </div> <div id="second" style="width: 200px; height: 100px; left: 50px; background-color: pink; display:inline; position:absolute;"> </div> </div> </body> </html> 

Answer 1

尝试将z-index设置为类似

<div id="second" style="width: 200px; height: 100px; left: 50px;
 background-color: pink; z-index:100; display:inline; position:absolute;">
</div>