Internet explorer IE9和Z索引：元素在悬停时消失在父元素后面

我有一个奇怪的bug只在IE9中出现。不在IE8或IE10中，也不在任何其他浏览器中

基本上，我有一大堆的“div”作为瓷砖，alapinterest。我已将CSS设置为

tile:hover {
  z-index: 1;
}

因此，当我悬停时，任何溢出的元素（如框阴影等）都将出现在未悬停的平铺上

但是,

在IE9上，鼠标悬停时，瓷砖内部的元素会消失在背景后面。基本上，磁贴的z索引是将磁贴的背景移动到其包含的部分（而不是全部）元素之上。如果我这样做就不会发生

tile {
  z-index: 1;
}

---

我可以通过给每个元素一个位置：relative和z-index:1来解决这个问题，但这不是一个好的解决方案。为什么会发生这种情况？

在发布后就发现了这一点。未悬停时，互动程序没有z索引。所以它在装载时可以，在悬停时可以，然后在取消悬停时消失。解决办法是给予

tile {
  z-index: 0;
}
.tile:hover {
  z-index: 1;
}

---

在发帖后就发现了这一点。未悬停时，互动程序没有z索引。所以它在装载时可以，在悬停时可以，然后在取消悬停时消失。解决办法是给予

tile {
  z-index: 0;
}
.tile:hover {
  z-index: 1;
}

---

在internet explorer中，您需要为父级和子级设置z索引。您是否尝试将父级的z索引设置为0或其他值。在internet explorer中，您需要为父级和子级设置z索引。您是否尝试过将父级的z索引设置为0或其他值。