Радиус границы в thead и tfoot с фоновым изображением

Question

У меня есть стол, внутри, тело и ноги.Thead и tfoot имеют фоновое изображение.Я пытаюсь применить закругленные углы, и все выглядит хорошо, пока я не применю какой-либо фон (цвет или изображение).

Экран ниже:

У thead и tfoot также есть граница, поэтому, когда я скрываю фон, он округляется, как я хочу ... Проблема появляется во всехбраузеры ...

Есть ли возможность округлить этот фон (цвет или изображение)?

Answer 1

Вы можете установить фон как изображение с помощью z-index: 1 и установить содержимое как z-index: 2, а затем закруглить углы изображения с помощью CSS.