Question

我的背景图片（被渐变覆盖）没有出现在Safari上（在Chrome上有效）。

body{
  background:linear-gradient(rgba(0, 0, 0, 0.95),rgb(0, 0, 0, 
  0.95)),url("https://www.w3schools.com/cssref/img_tree.gif") no-repeat center center fixed;
  background-size: cover;
  overflow: hidden;
  height: 100%;
}

<html>
<head></head>
<body></body>
</html>

这是我的背景.css。我已经尝试过将线性渐变修改为-webkit-linear-gradient（因为webkit显然是Safari友好的解决方法...？）

我应该在Safari上看到一台计算机的背景图像，该计算机的背景图像由黑色渐变覆盖（只是使图像变暗）。取而代之的是，Safari将背景显示为纯白色。

Answer 1

-webkit-background-size: cover;

我也忘记在我的rgba中添加一个“ a” ...

如何修复背景在Safari上不显示（转换）

1 个答案: