CSS（也许使用Compass）：跨浏览器渐变
||
我想在CSS（可能是通过Compass）中获得一个渐变，该渐变可以在包括IE7 +在内的所有主要浏览器中使用。有没有一种简便的方法（无需编写大量代码，也无需自定义图像文件）？
我看了Compass的渐变混合，但不适用于Internet Explorer。
有任何想法吗？ （不必是指南针-我很高兴安装其他东西。）
编辑：我想得到的是一些框架（例如Compass？），该框架生成的代码类似于Blowsie发布的代码，该代码已在各种浏览器上进行了测试。基本上就像我提到的Compass渐变mixin一样，但是具有IE支持。 （我只是对自己的SCSS mixin进行滚动并粘贴到诸如Blowsie的代码之类的块中有些警惕，因为我还没有对其进行测试并且没有足够的资源来这样做。）
没有找到相关结果
已邀请:
3 个回复
视蕉梁拌客
@import \"compass/css3/images\"; @import \"compass/utilities/general/hacks\"; /* filter-gradient needs this */ .whatever { /* IE; docs say this should go first (or better, placed in separate IE-only stylesheet): */ @include filter-gradient(#aaaaaa, #eeeeee); /* Fallback: */ background: #cccccc; /* CSS 3 plus vendor prefixes: */ @include background(linear-gradient(top, #aaaaaa, #eeeeee)); }.whatever { *zoom: 1; -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=\'#FFAAAAAA\', endColorstr=\'#FFEEEEEE\')\"; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=\'#FFAAAAAA\', endColorstr=\'#FFEEEEEE\'); background: #cccccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #eeeeee)); background: -moz-linear-gradient(top, #aaaaaa, #eeeeee); background: -o-linear-gradient(top, #aaaaaa, #eeeeee); background: linear-gradient(top, #aaaaaa, #eeeeee); }嗓瑰
background: #0A284B; background: -webkit-gradient(linear, left top, left bottom, from(#0A284B), to(#135887)); background: -moz-linear-gradient(top, #0A284B, #135887); background: -o-linear-gradient(#0A284B, #135887); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#0A284B\', endColorstr=\'#135887\'); zoom:1;财沟项胶