How to avoid repeating background-image in table cells (display:table-cell) ?

Question

css

The background set for a row is repeated in cells in chrome, how to solve this problem?
codepen.io/anon/pen/erHfE

Answer 1

Cells are, of course, part of the rows. Now the cells have a transparent background, and therefore the row background is superimposed on them. You can avoid this by setting the background for the cells, for example:
td {
background: #fff;
}
Although I do not see any pictures in my example at all.

Answer 2

Well, except for a stupid decision of such a plan , nothing worthwhile comes to mind. This, of course, "works", but on the condition that the width of the cells is known, and you will have to select the values ​​​​by hand.