我正在做一个具有背景图片幻灯片效果的导航，这个想法来自网站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;">