3

位置のある要素:相対、大きなテーブルのテーブルセル内にある要素は、特定の場合にWindows7のInternetExplorer10で表示されなくなります。

  1. ページを下にスクロール
  2. div#scrollerを右にスクロールします
  3. トップにスクロールします
  4. すべてのブラウザは期待どおりに動作し、IE10は空白のテーブルセルを表示します

この時点で、IE10ウィンドウのサイズを変更すると、セルの内容が正しく表示されます。

大きなテーブル、すべてのセルが同一:

<td><div>Foo bar</div></td>

CSS:

td div {
  position:relative;
 }

これが非常に単純化されたデモです:http://jsfiddle.net/86BaU/

4

3 に答える 3

1

これは、IE10で既知で報告されているバグです。ただし、MSはそれについて何もしたくないようです。

https://connect.microsoft.com/IE/feedback/details/817099/ie-10-elements-with-relative-position-disappearing-when-scrolling-in-parent-element-on-windows-7

ハッキングにより、IEはハードウェアアクセラレーションを使用するようになります(または、トグルによって再描画を強制するようになりますdisplay:none)。これは私のために働いた:

-ms-transform: scale(1);
transform: scale(1);

それがあなたのために働くことを願っています!

于 2014-08-14T10:01:58.883 に答える
0

それが消えるのは実際にはposition:relativeですか?変更するとどうなりますか

position:relative

戻る

position: static

副次的な考えとして、IE 10ウィンドウのサイズを変更するとセルの内容が正しく表示されると言った場合、メモリ不足の問題である可能性があります。コンピューターを再起動するか、他の人のコンピューターのIE10で表示してみてください。

于 2014-02-27T21:55:14.140 に答える
0

プロジェクトでも同様の問題が発生しました。フロントエンドチームはこれを次のように解決しました。

opacity: 0.99;

とても簡単です、これをチェックしてください!

http://jsfiddle.net/86BaU/106/

于 2016-07-07T13:17:58.460 に答える