Curtain.js + Jquery + HTML5 -标题和控件在第二张幻灯片后消失

Question

有人能帮我完成我的第一个HTML5和Jquery网站吗？

我正在使用这个curtain.js，它允许我有分层的固定幻灯片，一次显示一张幻灯片，具有窗帘般的效果。

我有一个固定的标题和控件，它们应该留在相同的位置，并在整个索引页查看和滚动时可见。

它可以在桌面上的FireFox、桌面上的Chrome和iPhone5上的safari上正常工作。奇怪的是，在我桌面上的Safari 6.0.2的第二张幻灯片之后，标题和控件就消失了。

这真的很困扰我，我不知道为什么。请帮帮忙。

提前感谢，希望有人能成为我的救星！

http://www.taggrafx.com/HarrisHousing/index.html

Answer 1

将-webkit-transform添加到固定元素为我解决了这个问题。

.fixed_element {
   -webkit-transform: translateZ(0);
   position: fixed;
   ....
}

Answer 2

对我来说起作用的是向.curtains类添加-webkit-transform: translateZ(0