絕對HTML元素不顯示直到在網頁檢查

Question

手動更改z索引我有與-webkit-transform: translateY(-100%);

問題的幫助顯示模態的視圖是，這種模態的視圖內絕對按鈕有時隱藏。 但是，如果我調整窗口大小或在Web檢查器中手動更改z-index，那麼按鈕會重新出現。

這與絕對定位，z-index，圖像和webkit轉換有關。我試過，沒有運氣重現它在一個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中的一個錯誤。