このバグはChrome17で発生し始め、ASP.NETサイトをレンダリングするときに18のままでした。
何が起こっているのかというと、ページの1つが正しくレンダリングされませんが、Webページをクリックしたり、スクロールバーやChrome開発ツールのhtml要素をクリックしたりすると、Webサイトのコンポーネントが正しい位置にスナップバックします。これは非常に複雑なWebサイトであり、多くのコントロールがあります。視覚的には、一部のパネルが空白で表示され、一部のポップアップが表示され、一部の非表示のコントロールが表示されます。
これは他のブラウザやバージョンでは発生せず、最初にページにアクセスしたときに発生することはありません。これは、同じページ内からポストバックが発生した後にのみ発生します。
一部のCSSルールが「誤動作」コンポーネントに設定されているのに、視覚的に適用されていないことに気づきました。たとえば、Chromeのコンソールを使用して、非表示にする必要があるカスタムドロップダウンメニューを調べています。アイテムを取得すると、display:noneプロパティとvisibility:hiddenプロパティの両方があります。
<ul id="xx" style="position: absolute; left: 90px; top: 845px; display: none; visibility: hidden;> ... </ul>
ただし、そのdisplay cssプロパティを取得するときは、「ブロック」です。
$('#xx').css('display')
-block
Webページ内でアクションを実行すると、コンポーネントが正しいレイアウトにスナップし、「display」プロパティが突然正しい「none」になります。
私はこれで本当にアイデアがありません。ページの誤ったレンダリングと正しいレンダリングの間に実行されたコードはないようです。私の推測では、aspコードと.cssファイルの間にCSSの競合があり、レンダリングが完了する前に一方が他方を上書きしている可能性があります。
どんな助けでも大歓迎です。ありがとう。