IE7-8渐变和更少的css答案

【问题标题】：IE7-8 gradient and less cssIE7-8渐变和更少的css
【发布时间】：2023-03-03 14:27:01
【问题描述】：

我正在尝试在按钮上添加渐变效果。我使用的是 Less 语法。

我目前将此应用于我的元素：

过滤器：~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaa5', endColorstr='#f8b000',GradientType=0)";

但我的按钮上没有显示渐变。有什么想法吗？

谢谢。

编辑：它适用于这个 jsfiddle：http://jsfiddle.net/FBfSZ/ 但不在此页面上：http://canapin.com/web/（查看源代码）

我不明白。

【问题讨论】：

【解决方案1】：

试试这个我在 IE 8 上测试它

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaa5', endColorstr='#f8b000',GradientType=0 );

【讨论】：

【解决方案2】：

可能是因为你的页面不是有效的HTML页面，所以IE切换到了怪癖模式。当你按F12 时，你可以很容易地看到它，进入开发者模式。

创建一个有效的 HTML 页面，包含 doctype、header 元素等，我认为它应该可以工作。

【讨论】：

【解决方案3】：

这适用于IE8，它来自twitter bootstrap

filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d',
 endColorstr='%d', GradientType=0)",#ffeaa5,#f8b000)); // IE9 and down

【讨论】：