在Web检查器中手动更改z-index之前，不会显示绝对HTML元素

Question

我有一个在-webkit-transform: translateY(-100%);

的帮助下出现的模态视图

问题是此模态视图中的绝对按钮有时会被隐藏。 但是，如果我在Web检查器中手动调整窗口大小或手动更改z-index，则按钮会重新显示。

这与绝对定位，z-index，图像和webkit-transform有关。我尝试用js小提琴重现它，但没有运气：http://jsfiddle.net/Hx5Es/1/

你可以在这里看到问题（仅限于chrome / safari）：

http://arjowiggins.logins.fr/arjowiggins/trunk/#/sync

点击开始，完成后（2secondes）点击此处：

http://arjowiggins.logins.fr/arjowiggins/trunk/#/products

如果您点击任何图像，关闭模态视图的按钮将不会随机显示。

Answer 1

不要将溢出设置为隐藏在这里：

<div swipe="" zoom="true" on-dezoom-close="closeFullScreen" items="products" callback="swiped" style="height: 100%; width: 100%;overflow:hidden"></pre>

它可能是由您使用的第三方脚本生成的，但它导致了问题。

Answer 2

我在Chrome v49中遇到了类似的问题。经过大量的重绘/重绘功能，css摆弄了父元素上的backface-visibility: visible;一行。我尝试在元素本身上做，但没有骰子。

另外值得注意的是：整个元素及其父元素是用胡子动态生成的，并使用jQuery插入。我在输入时使用了变换动画，因此所有这些都可能暴露了Chrome中的一个错误。