2015-05-01 171 views
0

我正在本网站上http://1ne-studio.com/test2/淡入动画不能正常工作

ID:测试通过:2015年

我有视差网站,在3-5日的幻灯片元素都淡入效果由JavaScript控制( scrollinTurn.js )。

$(document).ready(function() { 
    $('.element').scrollInTurn(); 
}); 

但是,这种淡入效果不会显示出来,我看不到幻灯片。

这可能是什么原因造成的?

+2

您是否尝试过取消注释代码? – Bryan

+0

检查该元素是否隐藏。 –

+0

是的,我已取消注释代码。仍然看不到那些元素... –

回答

0

在样式表的底部试试这个

#slide-3,#slide-5 {opacity:0!important} 
body.active-slide-3 #slide-3, 
body.active-slide-5 #slide-5 {opacity:1!important} 
+0

'.active-slide .storyBk, .active-slide .storyInner, .active-slide .blurbBk, 。主动滑动.blurbInner, 。主动滑动.charaImg01, 。主动滑动.charaTitle01, 。主动滑动.charaTxt01, 。主动滑动.charaImg02, 。主动滑动.charaTitle02, 。主动-slide .charaTxt02, 。主动滑动.charaImg03, 。主动滑动.charaTitle03, 。主动滑动.charaTxt03 { 不透明度:1重要;}' 谢谢!我添加了几个像这样的CSS来解决问题! 但是,当我在Firefox中查看它时,所有布局都崩溃了,它们所有的图层都显示在一个地方...... –