2017-11-23 13 views
0

これを読んでいただきありがとうございます。 は、相続人は私のために作成したコードcolorzilla勾配ジェネレータ:colorzillaエディタの生成グラディエント線形グラデーションのCSSエラー

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)' 

私は、誰かが親切になることを願っています自分のようなプログラミングの馬鹿を助けてください。ライン

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

答えて

0

filter財産(12)の定義によれば、誤っている、それは次の値をとることができます。それらの

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

なしあなたので、勾配の責任ではありませんあなたのコードからこの行を削除するだけです。また

私は**background**周りに二重のアスタリスクの目的が何であるか分からないが、あなたはおそらく、あまりにもそれらを削除する必要がありますので、彼らは、CSSコードを壊し、そしてそれはこのようになります。

.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; 
 
}
<div class="wide gradient"> 
 
</div>

+0

ありがとう、私はその行を削除します。 ** linebreak **その行の隣にエラーが表示されていることを示しています。 –

+0

@JohnHollidayは喜んで助けてくれました。答えの左側に緑色のチェックマークを押して回答を受け入れてください –

関連する問題