Border-bottom глюк в Chrome?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста как пофиксить глюк.
В мозилле проверил все ок, видимо это хромовский баг. Проверял на версии Chrome 75.

Если использовать rgba как-то неправильно идет заливка.

Answer 1

[Владимир Проскурин]

У хрома вечно проблемы с border-collapse: collapse, когда дело касается использования colspan, используйте border-collapse: separate. Я сталкивался уже с это штукой, вот мое любимое

Answer 2

[Роман]

Вместо border-collapse: collapse, используйте border-spacing: 0. При этом способе возникает проблема с боковыми рамками ячеек —они не схлопываются.

Еще один способ, через тени:

.row-2 td {
  box-shadow: 0 5px rgba(0, 0, 0, 0.3);
}

Не совсем то, но похоже.

Comments

[Владимир Проскурин]

В данном случае и не нужно, чтобы они схлопывались, т.к. используется только нижняя рамка.

[Роман]

Конкретно на этом примере, да. Но, мало-ли что там будет в дизайне.
P.S. Еще можно использовать псевдоэлементы.