Css背景属性在Safari浏览器中不起作用答案

【问题标题】：Css Background property not working in safari browserCss背景属性在Safari浏览器中不起作用
【发布时间】：2016-07-21 19:37:57
【问题描述】：

CSS background 不适用于 Safari 浏览器：

header {
    color: #007AC9 !important;
    background: linear-gradient( rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.60) ),url('/Images/signUp.jpg');
}

【问题讨论】：

定义“不工作”。你期望会发生什么？实际发生了什么？您正在测试哪个版本的 Safari？你检查过that it actually supported in that version吗？提供minimal reproducible example，您的示例中没有HTML，但您could provide a live demo in the question。你说它在 Safari 中不起作用，但它在其他任何地方都起作用吗？您在哪些浏览器中成功测试过此功能？
呃，你确定 !important 很重要吗？
不确定这是否可行...尝试在样式中添加z-index:-1;
@TheCodesee — 我想不出有什么情况会产生积极影响。在这种情况下，它根本不应该做任何事情，因为元素没有定位。
@Quentin 我不认为它会......我只提到它是因为它发布在这里：stackoverflow.com/a/28005407/5798798

标签： html css

【解决方案1】：

试试这个

   header {
    color: #007AC9 !important;
    background: -webkit-linear-gradient( rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.60) ),url('/Images/signUp.jpg');
 background: linear-gradient( rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.60) ),url('/Images/signUp.jpg');
}

【讨论】：