internet-explorer - 是否有适用于 IE9 及以下版本的 CSS 'filter' 的 CSS 渐变替代方案? (那不是 JS 或插件)

标签 internet-explorer linear-gradients css

我正在寻找任何替代方法来生成垂直线性渐变(两种颜色),从顶部的深色开始,逐渐过渡到底部的浅色。

这些方法适用于 IE9 和 IE8。

碰巧,我尝试了 CSS 属性 filter,但无济于事。它似乎不想在 IE9 或更低版本中工作,无论如何我都希望使用不同的方法。

我试过 ColorZilla 的渐变生成器,它也提供了 SVG 方法,但我不知道从哪里开始,因为它只是一个随机的字母数字字符串,我无法理解。

请让我强调一下,我想要任何形式的 JS/jQuery 方法或任何类型的插件,因为我试图让我的 UI 对那些禁用脚本的人保持友好。

我只是在寻找任何其他可以使用的 CSS 方法?

谢谢, 迪伦。


编辑

Here是问题的活生生的例子。面包屑导航当前位置的渐变不会出现在 IE9 或以下版本中。

最佳答案

以下是 IE6-IE9 中渐变的正确 CSS。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4096ee',GradientType=0 );

没有真正的替代方案 - 这就是它的正确 CSS。

如果您遇到困难,请使用在线生成器,例如: http://gradients.glrzad.com/ http://www.colorzilla.com/gradient-editor/

您不需要 SVG 方法,它仅适用于多点渐变。对于您需要的简单渐变(从浅到深,从上到下),生成器将非常适合您。

关于internet-explorer - 是否有适用于 IE9 及以下版本的 CSS 'filter' 的 CSS 渐变替代方案? (那不是 JS 或插件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19354380/

相关文章:

flutter - 如何在 Flutter Shader 中实现从 topLeft 到 botttomRgiht 的渐变效果?

css - 如何在响应式 Flexbox 网格布局中用假元素填充最后一行?

html - IE8 div 在悬停时可见,但在嵌入式选择具有焦点时消失

javascript - 轮播的图像比我预期的要大

css - 标签 :hover attribute triggers incorrect element in IE10 and IE11

javascript - IE9无法获取属性值 'documentElement'

css - css三 Angular 形的渐变颜色

css - 如何只填充 border-bottom 的一半?

jQueryUI 工具提示 : Issues with IE select boxes

c++ - 在 C++ 应用程序中嵌入特定的 Web 浏览器