[英]less linear gradient filter
我在混入較少的問題。
我少了文件。
.gradient(@startColor, @endColor) {
background: @startColor;
background: linear-gradient(to bottom, @startColor 0%,@endColor 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startColor}', endColorstr='@{endColor}',GradientType=1 );
}
#nav {
.gradient(#fff,#e2ebef);
}
.btn {
.gradient(#f2f2f2, #e4e4e4);
}
編譯后我得到這個:
#nav {
background: #ffffff;
background: linear-gradient(to bottom, #ffffff 0%, #e2ebef 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2ebef', GradientType=1);
}
.btn {
background: #f2f2f2;
background: linear-gradient(to bottom, #f2f2f2 0%, #e4e4e4 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2ebef', GradientType=1);
}
為什么.btn過濾器中的顏色與#nav中的顏色相同? 我已經用谷歌搜索了解決方法,但是沒有找到任何可以解決這個問題的方法。
所以...除了在生成的CSS文件中手動粘貼顏色以外,還有其他解決方案嗎?
將filter屬性更改為:
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{startColor}', endColorstr='@{endColor}', GradientType=1)";
這會自動轉義filter屬性中的許多廢話,並允許正確輸出該字符串中的變量。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.