Question

我正在尝试将Web应用程序移植到TideSDK，到目前为止，除了我发现页面似乎反映在其中的一个问题之外，一切都很棒。我的意思是，在常规页面的顶部基本上是一个额外的图层，其中所有页面元素（如按钮）都被翻转。

页面本身上有一个图像滑块，它使用webkit变换之类的东西，但我不确定这是否会产生我得到的效果。

有没有人遇到过这个问题并且有办法或排序吗？

非常感谢提前！

Answer 1

我在Mac上使用TideSDK时遇到了同样的情况，所以我假设你也在Mac上。问题不在于TideSDK，而在于OSX版TideSDK中的webkit，这个webkit已经有2年了，我记得读过一篇文章说2yrs支持safari webkit（与TideSDK OSX中的webkit相同）不支持转换。因此，您不能在OSX应用程序中使用伪类。试试

    -webkit-backface-visibility:hidden;

在元素/父元素（有用）上，你可能需要某种转换

Answer 2

我用这个比我想承认的更长时间，但是当我从css中的主html体中删除了height属性时问题就消失了。

body{
    height: 100% /* <-- get rid of this.
    /*Other stuff */
}

Answer 3

背面可见性对我有用......我在主CSS的顶部使用了以下内容。

* {
    -webkit-backface-visibility:hidden;
}

（我没有身体{宽度/身高}。）

我仍然在BODY元素下有一些镜像。虽然镜像被身体覆盖（因此用户不会一直看到它），但当我调整应用程序窗口的大小时，我可以看到下面的反转，因为在调整大小期间存在抖动。（我有一个非常强烈的window.resize监听器。）

但至少所有其他东西现在都没有镜像：/

在TideSDK的页面上镜像反射

3 个答案: