html - CSS 背景图像不会出现在 Safari 中

我有以下 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 上进行了测试。

最佳答案

你能试试这个吗

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

而不是仅仅使用背景。

关于html - CSS 背景图像不会出现在 Safari 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53024422/

相关文章：

html - 使用css创建线加载动画