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

Question

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

帮助下出现的模态视图

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

这与绝对定位、z-index、图像和 webkit-transform 有关。我试图在 js fiddle 中重现它，但没有成功:http://jsfiddle.net/Hx5Es/1/

您可以在此处看到问题(仅在 chrome/safari 中):

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

点击开始，完成后(2 秒)转到此处:

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>

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