Question

非常感谢您花时间阅读本文。下面是colorzilla梯度生成器为我创建的代码：

background: #aecc9f; 
background: -moz-linear-gradient(top, #aecc9f 0%, #97b78d 50%, #9bb78d 52%, #8faa83 100%);
background: -webkit-linear-gradient(top, #aecc9f 0%,#97b78d 50%,#9bb78d 52%,#8faa83 100%);
**background**: linear-gradient(to bottom, #aecc9f 0%,#97b78d 50%,#9bb78d 52%,#8faa83 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecc9f', endColorstr='#8faa83',GradientType=0 );

在粗体背景文本的行旁边，出现以下错误：

Expected (<filter-function-list> | none) but found 'progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecc9f', endColorstr='#8faa83',GradientType=0 )'

我希望有人能够帮助像我这样的编程傻瓜。

Answer 1

行

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecc9f', endColorstr='#8faa83',GradientType=0 );

不正确，根据filter属性（1，2）的定义，它可以采用以下值：

blur()
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
url() - for applying SVG filters
custom() - "coming soon"

他们都不负责渐变，所以你可以从你的代码中删除这一行。

另外，我不知道**background**周围的双星号的目的是什么，但是它们会破坏css代码，所以你可能也应该删除它们，它们将是这样的：

＆＃13;

.gradient {
  background: #aecc9f;
  background: -moz-linear-gradient(top, #aecc9f 0%, #97b78d 50%, #9bb78d 52%, #8faa83 100%);
  background: -webkit-linear-gradient(top, #aecc9f 0%,#97b78d 50%,#9bb78d 52%,#8faa83 100%);
  background: linear-gradient(to bottom, #aecc9f 0%,#97b78d 50%,#9bb78d 52%,#8faa83 100%);
}

.wide {
  width: 100%;
  height: 100px;
}

＆＃13;

<div class="wide gradient">
</div>

＆＃13;

来自colorzilla编辑器的生成渐变线性渐变的CSS错误

1 个答案: