css3渐变不适用于所有浏览器 [英] css3 gradient does not work on all browsers

问题描述

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

css3 gradient does not work on all browsers it works on chrome only my code

<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;">

推荐答案

请检查添加渐变的方法

EX：

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

这篇关于css3渐变不适用于所有浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！