Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Проблема с таблицой html!


Автор: tArAntAykA 5.2.2017, 14:23
Столкнулся с проблемой. 

У меня есть таблица и при наведении на tr* другие блюрятся, но они блюрятся все, остаються только незаблюренными все td которые входят в эту tr, мне надо чтобы при наведении например на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. 

Нужно учитывать то что заголовок т.е. th* никогда не блюрится. 

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

Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/

Заранее спасибо за ответ. Если что то непонятно пишите.

Вот как сейчас:http://radikal.ru

Как надо: http://radikal.ru

Автор: FlimkoUser 7.11.2017, 13:00
Модератор: Сообщение скрыто.

Автор: Mariia 9.4.2018, 09:17
На HTML+CSS у данной задачи нет вменяемого решения.

Автор: Oldshelf 22.4.2018, 11:13
Если у всех ячеек можно установить фиксированную высоту, то решение: добавить на каждый столбец элемент "table" с вертикальными ячейками (внутри изначальной таблицы, но с высотой только в один "td") и для него определять CSS при наведении указателя.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)