为什么 react-loading-skeleton 在它应该隐藏的时候没有被它上面的其他组件隐藏？

Question

as you can see, the animation effect from react-loading-skeleton is being transparent over side nav bar and top nav bar. any idea how to fix?

Answer 1

found the answer and it is z-index in css. Basically, you set z-index: ; to an element you want to appear on top all the time.

eg

.navbar {
  z-index: 2;
} 

.animation {
  z-index: 1;
}