IEs z索引问题

Question

在IEs (8-10)中，可点击框未注册，但这在Chrome和FF中有效。我的猜测是与IEs z索引问题有关。有人能帮我指出解决这个问题的方法吗？

http://codepen.io/anon/pen/IFxKH/

HTML：

<div class="wrapper">
  <img src="http://placehold.it/500x500" >

  <div class="box"></div>
</div>

CSS：

.wrapper {
  position: relative;
}
.box {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid red;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 9999999999999;
}
.box:hover {
  border-color: blue;
}

请假设这就是它必须被精确标记的方式。使用图像作为背景是不可能的。

Answer 1

在IE中，鼠标事件不会被触发，除非你在div中有一些东西。试着在盒子里放置一个透明的gif，或者作为一个img，或者作为一个背景图像，这应该可以解决你的问题。