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

标签 javascript ios css ipad adobe-edge

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

button.stop("Idle");

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

最佳答案

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

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

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

关于javascript - 仅限 iPad 上的 Adob​​e Edge 分层问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25392424/

相关文章:

javascript - Meteor - 选择 mongodb 集合中的前两个对象

javascript - 将 javascript datetime 转换为 C# 时出现解析错误

ios - 我可以在 iOS 中绘制和动画矢量而不求助于位图图像吗?

ios - 播放音乐问题

javascript - 如何将 PostgresQL 命令转换为 SQL 查询生成器语法

javascript - 如何将 ajax json 响应保存到全局变量以供重用

ios - UIWebview全屏尺寸

javascript - 带有子菜单的 Bootstrap 导航栏 - 如何删除 768 下的类 "disabled"@media width

html - 更改 Bootstrap 容器的宽度

css - Primeng 从组件覆盖样式