Chrome中的ASP.NET網站渲染不正確 - 點擊時修復

Question

我得到了這個在Chrome 17中開始出現的錯誤，並且在渲染ASP.NET網站時仍然保留了18。

發生了什麼是其中一個網頁呈現不正確，但如果我點擊網頁，甚至在滾動條或鉻開發工具中的HTML元素，然後網站的組件返回到他們的正確位置。這是一個相當複雜的網站，它有很多控件，視覺上會發生一些面板顯示爲空白，顯示一些彈出窗口，並且可以看到一些隱藏的控件。

這不會在任何其他瀏覽器或版本中發生，並且在我第一次進入頁面時不會發生。它只發生在同一頁面內的回發後。

我注意到一些CSS規則是在'行爲不端'組件上設置的，但是沒有在視覺上應用。例如，我使用chrome的控制檯來檢查應該隱藏的自定義下拉菜單。當我檢索該項目時，它同時具有display：none和visibility：hidden屬性，例如

<ul id="xx" style="position: absolute; left: 90px; top: 845px; display: none; visibility: hidden;> ... </ul> 

但是，當檢索其顯示CSS屬性，它是'塊'。

$('#xx').css('display') 
-block 

有一次，我的網頁內執行一個動作，組件捕捉到他們的正確的佈局，以及「顯示」屬性是突然正確的「無」。

我真的沒有這個想法。似乎沒有任何代碼在不正確和正確的頁面呈現之間執行。我的猜測可能是asp代碼和.css文件之間存在CSS衝突，也可能是在完成渲染之前覆蓋另一個文件。

任何幫助，非常感謝。謝謝。

Answer 1

我們在不同版本的chrome中也遇到過這個問題。

到目前爲止。我們發現的唯一解決方案是簡化html。

看起來lika Chrome渲染bug給我。

我也不認爲ASP與它有任何關係，因爲它不能在客戶端運行。