Question

tl; dr：position: relative的第一个div高于第二个div position: relative。它们必须重叠。

我在引导程序中有一个旋转木马。我想要更改滑块效果（从右到左）到平滑过渡不透明度0-1（当第一个div消失时，另一个显示在同一个地方）。

为此，每个div必须具有相同的width / height / top / left参数。 .active项必须与.active .left和.next .left相同。我的第一个想法是创造这样的东西：

.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right

并提供相同的参数+ position: relative。

这是问题所在。 position: relative的第一个div高于第二个div position: relative。这使得效果平稳过渡无效。

Answer 1

问题解决了：

第二个div中的

margin-top必须与第一个div的高度完全相同（例如margin-top: -50%）

Answer 2

如果您希望它是动态的而不是在高度/边距中手动编程，请给出第一个div position: absolute。这将导致其他元素忽略它，第二个div将在它之上。