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 */
}

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

posted @ 2020-10-12 10:57  唯爱金生  阅读(118)  评论(0编辑  收藏  举报