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%);