css的z-index、position、overflow属性混合时Safari的兼容问题，fixed定位+z-index同时使用不生效问题

～～～转前端啦～～～

问题：position: fixed和z-index同时使用在Safari浏览器中不生效？？？

场景1: fixed定位+z-index属性+tranform3D变化同时使用

先看代码：

// css部分
<style>
   .header {
   
     width: 100%;
     height: 50px;
     background-color: #ccc;
     position: fixed; // 1、重点在这里
     top: 0;
     left: 0;
     z-index: 90;  // 2、在这里
   }
   .sider {
   
     width: 200px;
     height: 600px;
     background-color: #3136d8;
     position: fixed;  // 3、这里
     top: 30px;
     left: 30px;
     z-index: 100;  // 4、还有这里
     transform: perspective(1000px) rotateY(45deg); 
     // 5、还有最后这一句---重中之重
   }
</style>
// html
 <div class=