背景线性渐变在Safari上不显示

要在Safari上显示背景线性渐变，可以使用以下解决方法：

1. 使用-webkit-前缀：在CSS中，添加-webkit-前缀可以确保代码在Safari中正确解析。例如：

.element {
  background: -webkit-linear-gradient(red, blue);
  background: linear-gradient(red, blue);
}

2. 使用webkit渐变工具：Safari提供了一个在线渐变工具，可以生成兼容Safari的渐变代码。你可以通过访问 https://webkit.org/blog/175/introducing-css-gradients/ 来使用这个工具。

.element {
  /* 使用webkit渐变工具生成的代码 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(100%, blue));
  background: -webkit-linear-gradient(red, blue);
  background: linear-gradient(red, blue);
}

3. 使用背景图片代替渐变：如果以上方法仍然无法解决问题，你可以考虑使用背景图片来代替渐变。你可以使用图片编辑工具创建一个渐变图像，并将其设置为元素的背景图片。例如：

.element {
  background-image: url('gradient.png');
  background-size: cover;
}

请注意，这些解决方法可能适用于较新版本的Safari浏览器。但是，由于各个浏览器的更新速度不同，无法保证在所有版本的Safari上都能正常显示背景线性渐变。因此，建议测试你的代码在不同浏览器和版本上的兼容性。