仅在iPad上使用Adobe Edge分层问题

时间:2014-08-19 20:28:32

标签: javascript ios css ipad adobe-edge

我有一个相当简单的按钮符号,我正在动态添加到舞台上。该按钮具有背景图层和文本图层。在标准浏览器中一切正常,但在iPad上,背景层意外地覆盖了文本(好像在更高的z-index上,尽管在DOM中没有显示任何值,并尝试通过css覆盖z-index什么都不做)。此外,当我转到按钮中的标签时,这个问题似乎只会触发,例如;

button.stop("Idle");

有没有其他人在iPad上发生与此有关的随机分层问题?

1 个答案:

答案 0 :(得分:0)

对于任何可能正在搜索的人;显然,矢量形状在所有webkit浏览器中都不会流畅且一致(提到的主要元凶是Android原生浏览器)。作为人工优化,您可以应用3D变换(但不实际缩放或旋转)以改进矢量渲染。在Adobe Edge中,这是通过对舞台上的所有元素应用'translateZ'变换来完成的。但是这也会导致我尝试使用“z-index”进行分层的任何项目的随机问题。

解决方案是清除对有问题元素的这种转换(或编辑边缘类以全局删除它们),如此;

buttonFrameSym.$("select_arrow").css("-webkit-transform", "none");