1

我有一个模态视图，它在-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

单击开始，完成后（2秒）转到此处：

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

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

4

2 回答 2

1

不要在此处将溢出设置为隐藏：

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

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

于 2013-05-29T11:10:12.223 回答
1

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

另请注意：整个元素及其父元素是使用 mustache 动态生成并使用 jQuery 插入的。我在输入时使用了变换动画，所以所有这些放在一起可能会暴露 Chrome 中的一个错误。

于 2016-04-12T19:18:55.637 回答