时间戳

首页 > 解决方案 > 如何修复在 Safari 上未出现（过渡）的背景

html - 如何修复在 Safari 上未出现（过渡）的背景

问题描述

我的背景图片（被渐变覆盖）没有出现在 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 将背景显示为纯白色。

标签： htmlcss

解决方案

-webkit-background-size: cover;

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

推荐阅读