Css firefox-用gradientt填充背景_Css

Css firefox-用gradientt填充背景

css

Css firefox-用gradientt填充背景,css,Css,您好，我正在使用以下代码在firefox中创建渐变背景。。。但问题是，渐变填充了页面，但它会重复 <body style="background-image:linear-gradient(#eee,#ddd); background-image: -moz-linear-gradient(top, #2F2727, #1a82f7);"> 下面是上述代码的结果我希望渐变延伸并填充整个页面。。。我该怎么做。。。。如有任何帮助，将不胜感激……：）将其放入css文件中，用于交

您好，我正在使用以下代码在

firefox

中创建渐变背景。。。但问题是，渐变填充了页面，但它会重复

<body style="background-image:linear-gradient(#eee,#ddd); background-image: -moz-linear-gradient(top, #2F2727, #1a82f7);">

下面是上述代码的结果

我希望渐变延伸并填充整个页面。。。我该怎么做。。。。如有任何帮助，将不胜感激……：）

将其放入css文件中，用于交叉排列渐变：

body {
    background: #2f2727; /* Old browsers */
    background: -moz-linear-gradient(top,  #2f2727 0%, #1a82f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2727), color-stop(100%,#1a82f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f2727 0%,#1a82f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f2727 0%,#1a82f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f2727 0%,#1a82f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2f2727 0%,#1a82f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2727', endColorstr='#1a82f7',GradientType=0 ); /* IE6-9 */
}

最简单的方法是简单地将背景添加到

HTML

元素中，并将其高度设置为100%：

html {
    /* and dont forget the prefixes ;) */
    background: linear-gradient(to bottom,  #2f2727 0%,#1a82f7 100%) no-repeat;
    height: 100%; 
}

我尝试了下面的代码，它成功了

background-image:-moz-linear-gradient(#eee,#ddd); height:100%;