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