仅 iPad 上的 Adob​​e Edge 分层问题

Posted

技术标签:

【中文标题】仅 iPad 上的 Adob​​e Edge 分层问题【英文标题】:Layering issue with Adobe Edge on iPad only 【发布时间】:2014-08-19 20:28:31 【问题描述】:

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

button.stop("Idle");

是否有其他人在 iPad 上遇到过可能与此相关的随机分层问题?

【问题讨论】:

【参考方案1】:

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

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

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

【讨论】:

以上是关于仅 iPad 上的 Adob​​e Edge 分层问题的主要内容,如果未能解决你的问题,请参考以下文章

在 iOS 应用程序中本地存储的 Adob​​e Edge 动画?

无法在 Adob​​e Edge animate CC 中创建圆形阴影

ABC277 E - Crystal Switches(分层图)

ABC277 E - Crystal Switches(分层图)

Javascript / Adob e DTM:跟踪复选框仅点击一次

舞台上的 Adob​​e Animate CC Canvas 鼠标动作滞后且断断续续