在jQuery淡入淡出之後文本正在移動

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

所以我不知道這是否是有固定的最好的辦法，但我只是有針對性的電流元件和非電流元件的絕對定位。

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