jQuery fadeIn后文本正在被移位

Question

我在一个客户端的演示站点上创建了一个jQuery滑块。 （演示：http://awsudbury.fuelmultimedia.ca/）

当橙色文本上的文本（实际上是图像）淡入时，它会左右移动约20个像素。有人知道为什么会发生这种情况吗？

Answer 1

将.home_slider li.current .featured_wrap规则（第271行）拆分为两个规则：

.home_slider li .featured_wrap {
    background: url("img/image_text_area_bg.png") no-repeat scroll 0 0 transparent;
    bottom: -17px;
    height: 314px;
    left: -10px;
    position: absolute;
    width: 627px;
}

.home_slider li.current .featured_wrap{
    z-index: 200;
}

Answer 2

所以我不知道这是否是修复此问题的最佳方法，但我只是针对.current元素和非电流的绝对定位。

.home_slider li.current .featured_text {
    position: absolute;
    z-index: 300;
    bottom: 35px;
    left: 80px;
}

.home_slider li .featured_text {
    position: absolute;
    z-index: 300;
    bottom: 18px;
    left: 70px;
}