Цвет фона TR сливается с цветом фона таблицы

Question

В первый раз в жизни возникли странные неприятности, у меня есть таблица с

table.csr-table td:first-child {
    width: 70px;
    background: rgba(84, 46, 121, .2);
}

, которая меняет цвет всех первых ячеек столбца, теперь у меня есть другой класс

.headerCell,.headerRow {
    background: rgba(84, 46, 121, .2);
}

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

Answer 1

Вам нужно использовать сплошной цвет для аналогичного rgb (221,213,228), а не прозрачный (альфа). Вы должны быть в состоянии найти правильное значение из ваших проектов, или дизайнер может дать вам это?

Answer 2

Вы используете rgba, а a означает alpha. alpha применяет прозрачность к цвету, поэтому при наличии более одного цвета они объединяются. Вместо этого вы можете использовать rgb (по крайней мере, для второго цвета).