javascript - フローティングテーブルヘッダー + 丸みを帯びた角の副作用

Question

このフィドルを参照してください。下にスクロールすると、表のセルが丸みを帯びた角に表示されます。どうすればそれを隠すことができますか?

説明

スクロールされたヘッダーが固定されたままになるデータのテーブルがありますが、データはスクロールします(javascriptを使用)。

問題は、ヘッダーの角が丸くなっており、テーブルをスクロールすると、下の画像に示すように角の丸い領域にセルが表示されることです。

ここに画像の説明を入力

score 3 · Accepted Answer

要素の背後の背景を本体の背景と一致させます。

thead tr { background: #fff; }

score 1 · Accepted Answer

ヘッダーの親に a を持たせbackground-color:white;、それが固定要素であることを確認します。