Почему тень thead не работает в Chrome?

Question

[Максим]

thead{
	-webkit-box-shadow: 0px 4px 7px -5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 7px -5px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 7px -5px rgba(0,0,0,0.25);
 }

Вот скрин Mozzila

Вот скрин Chrome

Answer 1

[Денис Инешин]

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

Эмулируйте таблицу на div-ах с использованием display: table и т.д. и всё будет работать.

Comments

[Максим]

А можно по подробней пожалуйста ?

[Денис Инешин]

Максим: такие элементы как thead, tbody, tr, они как бы более виртуальны что-ли. И служат скорее для группировки, чем для стилизации. Многие браузеры раньше вообще игнорировали всякие стили для них. А вот див со стилем скажем display: table-row вполне себе нормально стилизуется.

[Максим]

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

[Денис Инешин]

Максим: так я не говорю что отказаться. Таблицу можно сделать на дивах совершенно легально.

[0leg5ergeev]

Денис Инешин: дак це не то. Максим: Сделай вместо thead div'ы с display:table, а саму таблицу оставь, ради бога

[Михаил Чирский]

Денис Инешин: мне кажется, у него динамически приходит в таблицах, или же готовый CMS генерирует именно таблицу, могу ошибатся)

[Максим]

0leg5ergeev: Тоже вариант, но информация в таблицу приходит разная, и ширина колонок меняется,
и я не могу отследить ширину колонок

[Денис Инешин]

Максим: если информация приходит в виде данных, то тут уже вы сами решаете из каких тегов будет состоять таблица.