css - 对 IE 8 及以下版本的渐变支持

Question

我找到了一个很棒的 CSS gradient code generator对于我 friend 正在制作的页面，但下面有一些评论让我担心:

/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ffffff);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ffffff)";    
        background-color: #CCC;

回复:

I strongly recommend against these! They do not act the same, are limited, hurt performance, and can cause layout issues. Simply put, since IE does not support gradients (and many other CSS features natively, without filter), either use images for the same effect (background image) or convince your client that IE users get less of an experience (who seriously cares about gradients vs single colours besides insane 'designers'?) because their browser just doesn't match up to what we as developers want. It's called graceful degradation and IE should not be any exception to that.

所以我不知道的是:我应该建议他们使用/不使用这些代码吗？让 IE 使用此代码是否无用/无望？

Answer 1

过滤器的东西通常被认为是不好的做法，并且不是有效的 CSS(因此您的样式表将无法通过验证测试)

可以为相关元素设置背景图片，如果是不支持渐变的版本，IE 将回退到该图片，其优点在于支持渐变的浏览器不会加载背景图片(好吧，通常)所以性能不会受到负面影响。

就个人而言，如果我是你，我会选择背景图片解决方案，它比整个“过滤器”的东西干净得多，并且不会惩罚不使用 Internet Explorer 的人(耶!)

如果您想了解更多详细信息，请参见此处: http://css-tricks.com/css3-gradients/