gradient 浏览器兼容

body {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0145ca), color-stop(100%,#004ee4)); /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #0145ca 0%, #004ee4 100%); /* firefox */
    background: -webkit-linear-gradient(left, #0145ca 0%,#004ee4 100%); /* chrome */
    background: -o-linear-gradient(right, #0145ca 0%,#004ee4 100%); /* opera */
    background: -ms-linear-gradient(right, #0145ca 0%,#004ee4 100%); /* ie */
    background: linear-gradient(to right, #0145ca,#004ee4); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0145ca', endColorstr='#004ee4',GradientType=1)"; /* 兼容IE8~IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0145ca', endColorstr='#004ee4',GradientType=1 ); /* 兼容IE5~IE9 */
}

*要是还不管用就加背景图片来解决这个问题

原文地址:https://www.cnblogs.com/dreamsails/p/13801483.html