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

时间:2014-12-30 13:47:16

标签: html css internet-explorer

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

请建议我如何阻止这一点。

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

OR

<!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>

1 个答案:

答案 0 :(得分:-2)

尝试将z-index设置为

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