jQuery动画会移动多个div的边距

Question

Here is what i currently have

我希望在没有文字移动的情况下淡化图像。有没有办法做到这一点？我是否需要修改.fade-in元素？

Answer 1

从你的小提琴中，我认为问题是文字被淡入图像推入一个较小的区域，给人一种文字移动的印象（线条宽度正在变化）。

要解决此问题，您需要为文本的类（.row-text）提供明确的width。这可能会导致它仍然作为一个完整的div溢出，如果没有足够的空间则移动。要解决此问题，因为您已经拥有position: absolute，只需给它一个特定的left或right值，将其放置在您想要的位置，它就不会移动。在这种情况下，您可以跳过display: inline-block，并且只有display: block（我认为position: absolute会导致block和inline-block相同案件，但不确定）。

这是fiddle