Why is thead shadow not working in Chrome?

Question

css

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);
 }

Here is a screenshot of Mozzila
Here is a screenshot of Chrome

Answer 1

Because there is no need to try to work with real table tags as normal and expect correct behavior from them.
Emulate the table on div-ахusing display: tableetc. and everything will work.