從谷歌瀏覽器底部出現錯誤的jQuery幻燈片div

我在jQuery中編寫了自己的圖像滑塊，它從圖像底部向上滑動了一個標題div。從谷歌瀏覽器底部出現錯誤的jQuery幻燈片div

請參閱以下鏈接演示：http://beta.marhaba.co.nz/about

當谷歌的Chrome瀏覽這個頁面，你會發現如何標題股利不會從圖像的底部出現，但在圖像的下方。爲了更好地理解我所描述的內容，請參閱我發佈的鏈接。

如何解決此問題？請注意，標題div的高度爲：auto。

我目前動畫標題DIV如下：

$('.caption-container', $(this)).effect('slide', {direction: 'down'}, 'fast');

來源

2009-12-17 Hady

你可以粘貼你的CSS？ – 2009-12-17 11:11:55

CSS可以在http://beta.marhaba.co.nz/sites/beta.marhaba.co.nz/themes/marhaba/css/barackslideshow.css看到 – Hady 2009-12-20 22:08:15

我敢肯定，這個問題這裏是你的CSS，而不是你的JavaScript。你可以嘗試設置下面的CSS？

div#barak ul.pictures { 
    overflow:hidden; 
}

我認爲這將停止標題顯示在幻燈片下方。

來源

2009-12-17 13:18:43 BBB

在谷歌瀏覽器中，它已經修復了標題，但是，標題包裝div不再作爲動畫從底部向上滑動。也只是注意到，CSS沒有使JavaScript效果看起來正確的IE瀏覽器。查看更新頁面上的同一鏈接 - http://beta.marhaba.co.nz/about – Hady 2009-12-20 22:10:25

好吧，也許你可以嘗試使用動畫功能和絕對位置？您需要將標題的絕對位置放置才能使用。 $（'。caption-container'，$（this））。animate（{top：「xxxpx」}，500）; – BBB 2009-12-21 09:58:39

從谷歌瀏覽器底部出現錯誤的jQuery幻燈片div

回答

相關問題