Как изменить цвета строк в таблице

Рейтинг: 0Ответов: 1Опубликовано: 06.02.2015

Имеется таблица, в которой все столбцы имеют свои стили и раскрашены в разные цвета. Каким образом можно "подсветить" некоторые строки таблицы целиком? Т.е. все цвета сделать темнее или светлее, чтобы не писать для подсвеченных строк изменённые стили для каждой колонки.

Ответы

▲ 1Принят

Реализуйте полупрозрачность для фона в формате RGBA, то есть если у вас есть чёрный цвет в HEX #000000, то в формате RGBA это будет (0,0,0,1), где последняя цифра это полупрозрачность, в стилях данная реализация будет выглядеть вот так:

.class {
  background-color: rgba(0,0,0,1);
}

.class.active {
  background-color: rgba(0,0,0,.5); // Полупрозрачность 50% для фона, не затрагивает текст внутри
}

Думаю проблем с передов цвета HEX в RGB не возникнет.