Question

我想在CSS3动画上设置图像。所以我将z-index:55用于动画图像，将z-index:56用于顶部图像。但我不能这样做。

我想在电视里面展示一些动画。因此，在动画中替换电视图像对我来说非常重要。（对于我的响应问题，我避免使用图像作为背景）

Answer 1

z-index仅适用于具有css position的元素。

Answer 2

那里有多个问题：

所以你的小提琴可以像这样更新：

.tv {
 position: relative;
 z-index: 100;
}

这会将漩涡置于背景中，但仍会溢出图像。这可以通过在电视上设置巨大的边框并用顶部/左侧将其重新放回来进行部分解决，但这有点傻了

.tv {
    position: relative;
    z-index: 100;
    border: 200px solid #fff;
    top: -100px;
    left: -100px;
}

更好的解决方案是在电视图像中添加白色背景。

Answer 3

将position添加到电视元素。

根据w3s：

注意：z-index仅适用于定位元素（位置：绝对值， position：relative，或position：fixed）。

Answer 4

除@Thaillie回答：

z-index仅适用于css属性position的元素，position值static除外。

示例：如果你愿意的话位置：静态的; 你不能使用z-index