兼容所有主流浏览器的渐变色背景

最新推荐文章于 2024-09-14 15:26:51 发布

fengqingxin

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量121

点赞数

分类专栏： Html&CSS 文章标签： html css style 渐变色

Html&CSS 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

body
{
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    color: #666;
    background-image: -ms-linear-gradient(top, #FFFFFF 30%, #cdcdcd 100%); /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 30%, #cdcdcd 100%); /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 30%, #cdcdcd 100%); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #FFFFFF), color-stop(1, #cdcdcd)); /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 30%, #cdcdcd 100%); /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 30%, #cdcdcd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fffffff, endColorstr=#cdcdcdcd);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffffff, endColorstr=#cdcdcdcd)";/*IE8+*/
}


更有详细介绍 here at http://www.luidea.com/Htmlcss/20122608.html