tidesdk - 在 TideSDK 中的页面上镜像反射

Question

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

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

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

提前谢谢了！

Answer 1

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

    -webkit-backface-visibility:hidden;

在您可能需要某种转换的元素/父元素（曾经有效）上

Answer 2

The backface visibility worked for me... I used the following at the top of the main CSS.

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

( I didn't have a body{width/height}. )

I still have some mirroring seemingly under the BODY element. While the mirroring is covered by the body (so users don't see it all the time), when I resize the app window, I can see the inverse underneath because there was jitter during resize. (I have a window.resize listener that's pretty intense.)

But at least all the other stuff doesn't mirror now :/

Answer 3

我与这个斗争的时间比我想承认的要长，但是当我从 css 的主要 html 正文中删除 height 属性时，问题就消失了。

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