在Webkit中使用百分比不能正確顯示的輸入

Question

我的任務是分配一個奇怪的任務。

我們有一個窗體的png圖像，我們在上面覆蓋了HTML表單元素。由於我們的用戶使用的是各種設備，因此我必須進行設計，以便表單大小保持在瀏覽器寬度的95％。因此，所有的表單元素都使用百分比進行定位和確定大小（是的，我知道這很醜陋，但它有效）。

我注意到了我作爲一個bug感知的東西，並想知道是否有其他人遇到過這種情況：在Webkit瀏覽器上，僅在小牛上，它只是零星地加載頁面時，字段顯示爲空白。它們具有值（可以通過發出jQuery .val（）命令來演示），但它們不可見。在調整窗口大小或選擇一個字段時，值會神奇地出現。

這對我來說非常困惑，而且這太奇怪了，它是如此孤立的各種因素。

其他人能夠複製，或已經遇到這個，以及我如何解決這個問題的任何想法？我實際上已經能夠做一個「哈克修復」，在頁面加載時，我將我的主內容div的大小從95％調整爲95.01％，並且重繪修復了一切，但我不喜歡這樣的黑客攻擊。

Answer 1

我們有完全相同的問題，我們發現根本原因是我們用來顯示頁面從alpha 0到100的css轉換。所以，當我們移除轉換後，所有字段都正確顯示。我喜歡你破解BTW