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。

famo.us - IE - translatez问题

1 个答案: