移动safari位置:滚动时固定的z-index毛刺

更新1：我transform:translateZ(x)除了添加了z-index，而且没有解决问题。

更新2：我添加了-webkit-前缀，这确实解决了移动Safari上的z-index问题，但也导致position:fixed不能在台式机Chrome中正常工作。”

然后尝试包装-webkit-transform:translateZ(x)移动专用媒体查询。
例如：

@media only screen and (min-device-width : ... ) and (max-device-width : ... ) {
    .whatever {
        -webkit-transform: translateZ(x)
    }
}

因此，在这种情况下，它将无法在桌面版Chrome上执行任何操作

z-index不可靠,位置:固定,如此小提琴所示:http://jsfiddle.net/mZMkE/2/使用translateZ转换.

transform:translateZ(1px);

在您的页面元素上.

编辑:在您的代码中,添加此CSS:

.bla, .projects, .contact  {
      -webkit-transform:translateZ(1px);
      -moz-transform:translateZ(1px);
      -o-transform:translateZ(1px);
      transform:translateZ(1px);
}

然后从这些元素和.intro中删除z-index引用.