CSS Safari 中不显示背景图片

Question

我有以下设置背景图像的 CSS，但它在 Safari 中不起作用。它甚至不设置背景颜色，尽管这应该是一个后备。我无法在 Windows 上安装 Safari，所以我什至无法测试它！

.oops-body {
    background: url('/img/oops-bg.jpg') center/cover no-repeat #1b1d37;
    min-height: 100vh;
    overflow: hidden;
}

和 HTML

<body>
<div class="oops-body">
</div>
</body>

.oops-body {
 background: url('http://placehold.it/500') center/cover no-repeat #1b1d37;
 min-height: 100vh;
 overflow: hidden;
}

<div class="oops-body">
 </div>

这是一位使用 Safari 的同事的屏幕截图：

顺便说一下，它可以在移动版 Safari 中使用。我在 iPhone.

上进行了测试

Answer 1

用这个

替换你的backgroundcss

{
   background-image: url("image.png");
   background-repeat: no-repeat;
   background-attachment: fixed;
   -o-background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
}

Answer 2

你能试试这个吗，

background-image: url("http://placehold.it/500");
background-repeat: no-repeat;
background-position: center top;

而不是仅仅使用 background.

CSS Safari 中不显示背景图片

CSS Background Image Doesn't Appear in Safari

html

css

safari

background-image