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

时间:2014-09-28 23:05:02

标签: jquery html css

Here is what i currently have

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

1 个答案:

答案 0 :(得分:1)

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

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

这是fiddle