1

我正在做关于网页设计的学校项目，并且在 iOS 上遇到了 css3 转换问题（或我不知道的问题）。

这是我的演示网站的链接：http: //lovelyiris.byethost17.com/

问题是：（这里一步一步说）

  • 您可以在底部看到“新到货”选项卡，对吗？

  • 在PC上，当你点击那个标签时，会出现新品页面，里面有类似堆栈的相册，当你点击箭头时，图像会随着一些css3变换效果而变化。（只需访问我的网站并进行测试）。

  • 这是我的设备上的问题 - ipod touch gen 3 和 ipad 2：
    • 首先，当我点击“New Arrivals”标签时，专辑没有出现。但是当我转到另一个选项卡然后再次返回“新来者”时，会出现专辑（即：主页->新来者->关于->新来者）
    • 相册出现后，当我点击箭头时，相册又消失了。如果我转到另一个选项卡然后返回，专辑又回来了，最后一张图片在那里！

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

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

这是“新品”标签的 HTML：

<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>

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

那么，我做错了什么？

我想知道它在其他操作系统（android ...）上是否相同？

谢谢你。对不起我的英语不好。

4

0 回答 0