我有一个奇怪的错误,它只发生在 IE9 中。不在 IE8 或 IE10 中,也不在任何其他浏览器中。
基本上,我有一大堆'div'设置为瓷砖,ala Pinterest。我将 CSS 设置为
tile:hover {
z-index: 1;
}
这样当我悬停时,任何溢出的元素(如框阴影等)都会出现在非悬停的瓷砖上。
然而,
在 IE9 上,该图块内的元素在悬停时消失在背景后面。基本上,磁贴的 z-index 将磁贴的背景移动到其中一些(不是全部)包含的元素之上。如果我这样做就不会发生
tile {
z-index: 1;
}
我可能可以通过给每个元素一个位置来解决这个问题:relative 和 z-index: 1,但这不是一个好的解决方案。为什么会这样?