这是我参与8月更文挑战的第1天，活动详情查看：8月更文挑战
组件：el-table
目标：固定某几列在左(右)边，其他列可以正常向左(右)滑动
问题：在谷歌浏览器可以正常使用，但是在safari浏览器，页面向上滑，固定的列会变成空白，如图三所示，非固定列滑动，会遮挡住固定列。
问题定位：
原先以为是固定列的z-index值不够大，结果设置了999，还是部分表格会有问题 后来灵机一动，感觉是z-index在safari上有兼容性问题，一搜索果然如此,固css新增了transform: translateZ(1000px)
具体代码如下：
::v-deep .el-table__fixed,
::v-deep .el-table__fixed-right {
z-index: 999;
//safari z-index 失效处理
transform: translateZ(1000px);
}
折磨了我N久的问题，结果只是简单一行代码就搞定了😂
图一 正常显示
图二 中间状态
图三 👆向上滑动最终动态
