html - css3 渐变不适用于所有浏览器

Question

css3 渐变不适用于所有浏览器它仅适用于 chrome我的代码

<nav class="navbar navbar-default navbar-fixed-top" style="background: -webkit-gradient(linear, 31% 60%, 24% 96%, from(#0071BC), to(#FFFFFF), color-stop(.5,#0071BC)) !important; background: -o-gradient(linear, 31% 60%, 24% 96%, from(#0071BC), to(#FFFFFF), color-stop(.5,#0071BC)) !important; background: -moz-gradient(linear, 31% 60%, 24% 96%, from(#0071BC), to(#FFFFFF), color-stop(.5,#0071BC)) !important; border:2px white solid !important;box-shadow:black 2px 2px 2px;padding-bottom:40px; min-height:100px !important;border-bottom-right-radius: 20% !important;border-bottom-left-radius: 20% !important;">

Answer 1

请检查添加渐变的方式

例如:

<nav class="navbar navbar-default navbar-fixed-top" style="fill: #55bbeb;
    background: #55bbeb;
    background: -moz-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
    background: -webkit-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
    background: -o-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
    background: -ms-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
    background: linear-gradient(90deg, #55bbeb 0%, #84c450 100%);">