CSS3转换在iOS（可能还有其他移动设备）上无法正常工作

我正在做我的学校网页设计项目，我在iOS上遇到了css3转换问题（或者一些我不知道的问题）

这是我的演示网站的链接：

问题是：（我会在这里一步一步地说）

• 你可以在底部看到“新来者”标签，对吗

• 在PC上，当您单击该选项卡时，“新到”页面将显示堆栈式相册，当您单击箭头时，图像将发生一些css3变换效果。（只需访问我的网站并进行测试）

• 我的设备——iPodtouch gen 3和iPad2——存在以下问题：
  • 首先，当我点击“新来者”标签时，专辑没有出现。但是，当我转到另一个选项卡，然后再次返回“New Arrivals”时，就会出现相册（即：Home->New Arrivals->About->New Arrivals）
  • 相册出现后，当我点击箭头时，相册再次消失。如果我转到另一个选项卡，然后返回，相册将再次返回，最后一张图像在那里

（您可以在您的设备上进行测试）

所以，我认为相册仍然在工作，但方式不对。它只是从第一个图像滚动到最后一个图像，中间没有显示任何内容，就像它在PC上工作一样

这是“新来者”选项卡的HTML：

新品推荐

服装类别中的服装1
服装类别中的服装2
服装类别中的服装3
服装类别中的服装4
服装类别中的服装5
礼服类别中的礼服6
服装类别中的服装7
服装类别中的服装8
服装类别中的服装
服装类别中的服装10

而css是。（对不起，这是一个长文件）

那么，我做错了什么

我想知道在其他操作系统（android…）上是否也一样

多谢各位。对不起，我的英语不好

<section class="st-panel st-color" id="st-panel-2">
   <div class="st-deco" data-icon="*"></div>
   <h2 id="newarr">New Arrivals</h2>
   <section class="main">
       <ul id="st-stack" class="st-stack-raw">
          <li><div class="st-item"><a href="#"><img src="images/001.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 1</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/002.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 2</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/003.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 3</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/4.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 4</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/5.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 5</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/6.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 6</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/7.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 7</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/8.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 8</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/9.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 9</h2><h3>in Dress Category</h3></div></li>
          <li><div class="st-item"><a href="#"><img src="images/10.jpg" width="400" height="300"/></a></div><div class="st-title"><h2>Dress 10</h2><h3>in Dress Category</h3></div></li>
       </ul>
    </section>
 </section>