背景渐变未在 Safari 和 Firefox 上加载

Question

尝试制作背景渐变以在 Safari 和 Firefox 上工作。在Chrome上，它可以完美运行：

.gq_s_background_gradient:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(360deg,rgba(43,135,218,0.3) 0%,#161616 85%);
    animation-duration: 2500ms;
    animation-delay: 700ms;
    opacity: 0;
    -webkit-animation-name: et_pb_fade;
    animation-name: et_pb_fade;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;}

Answer 1

为什么使用opacity:0？和

设置所有浏览器的背景：

background-image:
-webkit-linear-gradient(360deg,rgba(43,135,218,0.3) 0%,#161616 85%);
background-image:-moz-linear-gradient(360deg,rgba(43,135,218,0.3) 0%,#161616 85%);  
background-image:-o-linear-gradient(360deg,rgba(43,135,218,0.3) 0%,#161616 85%);
background-image:   linear-gradient(360deg,rgba(43,135,218,0.3) 0%,#161616 85%);