famo.us - IE - translatez 问题

Question

我很难让翻译 Z 在 IE 中按预期工作。在 famo.us 教程 IDE 中尝试以下代码，看看 chrome 和 IE 浏览器的区别。玩转翻译函数的 z 值。

var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');

var mainContext = Engine.createContext();
mainContext.setPerspective(5000);

var fs = new Surface({ content: 'hello world', size: [100, 100],
properties: {backgroundColor: 'red'}});

var ss = new Surface({ content: 'second world', size: [80, 80],
properties: {backgroundColor: 'blue'}});

var mod1 = new StateModifier({
  transform: Transform.translate(0, 0, 100)
});
var mod2 = new StateModifier({
  transform: Transform.translate(0, 0, 50)
});

mainContext.add(mod1).add(fs);
mainContext.add(mod2).add(ss);

IE 版本：11.x，Windows 8.1 如果您遇到这种情况，请分享。

Answer 1

IE 目前存在一个影响 CSS 中 3D 变换稳定性的错误。 IE 也没有实现preserve-3d，这对于正确支持 Famo.us 3D 转换至关重要。然而，这正在为future release 开发。