谷歌瀏覽器固定和隱藏的div的解決方案

問題：與position:fixed和visibility:hidden的父div內的visibility:visible的div在Google Chrome中導致呈現問題。 Images and examples can be found here。谷歌瀏覽器固定和隱藏的div的解決方案

一個星期前，你可以將-webkit-transform:translateZ(0)添加到父div和bug解決。但它不工作了：

兩者都被竊聽。

那麼，有沒有解決方案？當您調整窗口大小時，會重新繪製div，當您打開開發人員工具時，該bug也會消失。

所以我一直在試圖強行通過JavaScript（jQuery的）重繪：

jQuery(window).scroll(function() { 
    jQuery("#parentDiv").addClass("nothing"); 
    jQuery("#parentDiv").removeClass("nothing"); 
});

它有時作品（當顯示內部的div內的文本框）。真奇怪。也嘗試隱藏和顯示div，添加CSS屬性（固定，底部：0 ...）但沒有什麼工作正常。

任何想法？編輯2：似乎它只發生在我身上：2個朋友，使用Windows和最新版本（17.0.963.79）沒有看到第二個鏈接中的錯誤。但我仍然看到它。我已經在Windows下重新安裝了Chrome，並且該錯誤仍然存在。我也清除了緩存，但沒有任何更改。我是唯一一個？？？？

2012-03-14 TheBronx

我沒有看到你發佈的第二個提琴問題... – 2012-03-14 13:30:50

我有Linux Mint 12 KDE和Google Chrome 17.0.963.79 我不記得我的windows chrome版本，但我認爲它是最新。你有哪個版本？ – TheBronx 2012-03-14 13:48:56

谷歌瀏覽器16.0.912.77 – 2012-03-16 18:20:42

當我使用scroll()時，我自己的經驗，所有的表單元素表現奇怪，或不再工作。

您的解決方案-webkit-transform:translateZ(0)將針對webkit瀏覽器修復此問題，但所有其他瀏覽器都會將翻譯圖層放在所有表單元素之上，導致該表單元素無法再訪問。

scroll（）是一個很好的解決方案，只是簡單的信息（文本圖像），而不是形式。

2013-05-02 12:34:59 Mark

回答