~~~转前端啦~~~
问题: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=