Ionic V4如何通过阴影DOM设置<ion-header>的样式？

Question

我正在尝试显示position: fixed的全屏叠加层，但是它被卡在<ion-header> / mobile-safari上的platform=ios后面。我需要将ion-header放在正确的堆叠上下文中。

在safari DevTools中，我可以手动设置CSS position: fixed;并获得所需的结果。但是我将其放在variables.scss和home.page.scss中，因此无法添加样式。

文件：variables.scss

  ion-header {
    border: 1px solid red;  // OK
  }

  .plt-ios .fullscreen-gallery ion-header {
      position:fixed;       // doesn't work
      z-index: -1;
  }

有什么建议吗？