Safari 中的固定位置

Question

子固定定位元素在 Safari 中不可见。

.parent {
  position: fixed;
  width: 70%;
  height: 60%;
  overflow: auto;
  background: red;
}

.child {
  position: fixed;
  top: 10%;
  right: 10%;
  background: blue;
}


<div class="parent">
  Hello <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>gfgfg
  <div class="child">Close</div>
</div>

是否有任何 CSS 属性可以使其在 Safari 中可见？任何帮助将不胜感激。

Answer 1

试试这个，让我知道是否有帮助。

-webkit-transform: translateZ(0);像这样添加到你的脚本中：

.child {
   position: fixed; 
   top: 10%; 
   right: 10%; 
   background: blue; 
   -webkit-transform: translateZ(0);
}