背景图像在 Safari v14 Catalina 上不起作用

Question

我的项目快完成了，但遇到了背景图像在 MacOS Catalina Safari 版本 14 上不起作用的问题。你知道问题出在哪里吗？ 先谢谢了，呵呵。 我还应该提到该项目是在 React with TS 上编写的。

.image {
  width: calc(100vw - 48rem);
  height: 100vh;
  background: url('../../public/img/auth-bg.jpg') left center no-repeat;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  @include mobile() {
    width: 0;
  }
}

Answer 1

试试这个，公共 URL 是项目中的基础 Url 你可以这样

.image {
  width: calc(100vw - 48rem);
  height: 100vh;
  background: url('/img/auth-bg.jpg') left center no-repeat;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  @include mobile() {
    width: 0;
  }
}