这已在Chrome上进行了测试。这是jsfiddle。
我有两个相对定位的元素。第一个有一个绝对定位的孩子。
由于我为孩子设置了z-index: 1，因此如果重叠，它应该出现在第二个元素的顶部。
这是直到我将第一个元素的opacity设置为小于1为止的行为。
我不知道opacity会影响z-index。谁能很好解释？
我在jsfiddle中的示例将opacity设置为0.9，因此您可以看到子元素完全隐藏在第二个元素后面。如果将opacity设置回1，则会看到它显示在顶部。