【发布时间】：2021-09-08 01:17:21
【问题描述】：
我的网站的许多页面都存在问题，但这里有一个示例：https://mypieceofcakemove.com/storage/
在页面的英雄部分，我使用 Avada 主题的选项在背景图像上创建线性渐变。
它在我的桌面上运行良好，甚至在我打开 iPhone 预览时也可以在检查工具中运行：
但是当我在 Safari 中打开页面时，它看起来像这样，并且由于没有渐变背景，因此文本几乎不可见：
你能帮我解决这个问题吗？这是与浏览器支持线性渐变有关的问题吗？
这是我的代码：
background-color: rgba(255,255,255,0);
background-image: url(https://mypieceofcakemove.com/wp-content/uploads/2020/05/hero-bg-best-storage-nyc.jpg);
background-image: linear-gradient(
180deg
, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url(https://mypieceofcakemove.com/wp-content/uploads/2020/05/hero-bg-best-storage-nyc.jpg);
background-position: center center;
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: -156px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
【问题讨论】：
标签： css safari background-image linear-gradients