文本在jQuery fadeIn之后移动

我有一个jQuery滑块，我在一个演示网站上为一个客户制作。（演示：）

---

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

将您的.home\u滑块li.current.featured\u换行规则（第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;
}

---

将.home\u滑块li.current.featured\u换行规则（第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;
}

---

所以我不知道这是否是解决这个问题的最好方法，但我只是针对当前元素和非当前元素的绝对定位

.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;
}

---

所以我不知道这是否是解决这个问题的最好方法，但我只是针对当前元素和非当前元素的绝对定位

.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;
}

---

您是否检查图像（正在左移和下移）的宽度是否小于容纳它的实际元素的宽度？您是否检查图像（正在左移和下移）的宽度是否小于容纳它的实际元素的宽度？尝试了，但根本没有解决问题。它在firebug上解决了：）尝试了，但根本没有解决问题。它在firebug上解决了：）