header固定留阴影css小方法

1.在header/tabs或你需要的元素下添加一个元素

 
<shadow></shadow>

2.设置样式

 shadow::before {
    content: '';
    box-shadow: 0 0 8px 1px #ccc;
    position: fixed;
    width: 100%;
  }
  shadow::after {
    content: '';
    background: #f3f4f6;
    position: absolute;
    height: 15px;
    width: 100%;
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容