Html background colour behind border-radius

Question

I have an html table with the thead set as position:sticky , which works fine. The row has background-color and border-radius set as you ca see here:

The problem is that when the rows scroll up 'behind' the header you can see them in the cut off corner.

So, how do I set the background colour that appears behind an element with a background colour and border radius? Or is there some other way to stop this happening?

Answer 1

The background must be on the element behind your thead .

Once you find which element has that color, put overflow: hidden; on that (parent) element.