5

画面の上部に固定された要素があり、z-indexは100です。Chromeでページを上にスクロールすると(OSXではV.21.0.1180.82、WindowsではV. 21.0.1180.83 m)次のようなレンダリングの問題:

位置修正クロム問題

更新:上にスクロールして
いるときに固定要素が新しい要素を渡すたびに、レンダリングの問題が発生することに気づきました。Chromeには、やなど<section>...</section>のHTML5タグに関連する問題があるようです。それらを変更してレンダリングの問題を解決しますが、とにかくHTML5タグを引き続き使用したいと思います。<section>...</section><nav>...</nav><div>...</div>

この問題を解決するための「ハック」を知っている人はいますか?

それまでは、再現可能なコードサンプルを作成し、chromiumにバグを報告しようと思います。

4

2 に答える 2

3

固定要素内の不透明度が0の要素が発生する問題の原因。display: none問題を解決するためにそれらを設定します。

于 2012-09-07T20:20:02.653 に答える
0

特にChromeの最新ブラウザバージョン(55.0.2883.87 m(64ビット))の場合、次のように追加しました。

-webkit-transform: translateZ(0);
于 2017-01-10T13:37:16.410 に答える