在Safari上的绝对块上使用flexbox居中不起作用

Question

我使用flexbox将一个文本块置于图像中心。它在Chrome和其他浏览器中运行良好。但在Safari中根本没有。

另请注意，我知道我可以在.fullscreen课程中将图像添加为背景图像。但我试图不这样做。

有什么想法吗？

.fullscreen {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

p {
  position: absolute;
  color: white;
  margin: 0;
  font-size: 24px;
  font-family: "Helvetica Neue";
}

<div class="fullscreen">
  <p>
    Some text on top of the image
  </p>
  <img src="https://unsplash.it/700/300/?random">
</div>