我正在进行具有背景图片幻灯片效果的导航，并且我试图模仿网站的设计：http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/
然而，由于我打算对尺寸为480 * 800的手机进行效果，所以我需要更改元素的大小，这似乎是一个问题因为我想完全按照网站的设计但是仍有差异。我已经放入了http://jsfiddle.net/u4mLdojo/
主要问题是sub1，sub2和sub3，除非点击它们，否则它们应该是不可见的，但我不知道为什么他们坚持使用页面。
<ul class="sub1" style="background-position:0 0;">
<ul class="sub2" style="background-position:-100px 0;">
<ul class="sub3" style="background-position:-100px 0;">