IE中的CSS梯度

我在IE中显示渐变按钮时遇到问题。我的CSS在FireFox和Chrome中似乎很好，但IE似乎有问题

CSS:

这是我的小提琴：

任何帮助都将不胜感激

谢谢

更新：

创建了一个新的小提琴：使用上面提到的其中一个生成器，在FF中很好，在IE中看起来更糟

更新

---

此小提琴：在IE中更好，但没有圆角边框/边缘，且悬停属性不起作用。

使用

过滤器

使其适用于IE

例如，

.yourClass{
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='xx', endColorstr='xx',GradientType=0 );
}

用渐变值替换“xx”

---

希望这能有所帮助。

使用

过滤器

使其适用于IE

例如，

.yourClass{
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='xx', endColorstr='xx',GradientType=0 );
}

用渐变值替换“xx”

---

希望这有帮助。

如果您认为渐变代码错误，请尝试以下方法：

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #2599FE),
    color-stop(0.8, #015DAE)
);
background-image: -o-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -moz-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -webkit-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -ms-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: linear-gradient(to bottom, #2599FE 0%, #015DAE 80%);

---

如果您需要有关渐变的帮助，我总是发现它非常有用

如果您的渐变代码错误，请尝试以下方法：

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #2599FE),
    color-stop(0.8, #015DAE)
);
background-image: -o-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -moz-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -webkit-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: -ms-linear-gradient(bottom, #2599FE 0%, #015DAE 80%);
background-image: linear-gradient(to bottom, #2599FE 0%, #015DAE 80%);

---

Paulie_D right说：“如果你需要梯度方面的帮助，我总是发现它非常有用。”。IE10及以上版本支持

CSS

gradiant.@Paulie_D-Hi，使用IE中不支持的IE 7、8和9边界半径9@Paulie_D对，我说。IE10及以上版本支持

CSS

gradiant。@Paulie_D-Hi使用IE中不支持的IE 7、8和9边界半径，谢谢，在IE中打开了该小提琴-不起作用，也就是说，按钮是平面颜色。@OamPsy它在IE 10中起作用，但使用回退（默认背景颜色）对于早期的浏览器-它是css3，早期的浏览器不支持它-你可以尝试使用它，它使用Nathan的回答中的

过滤器：

，并为IE9Thank生成一个svg，在IE中打开它-不起作用，也就是说，按钮是平面颜色。@OamPsy它在IE 10中工作，但使用了回退功能（默认背景色）对于早期浏览器-它是css3，早期浏览器不支持-您可以尝试使用它，使用Nathan的回答中的

过滤器：

，并为IE9Thank生成svg。这个fiddle:在IE中更好（使用您的方法）但是，没有圆角边框/边，悬停属性似乎不起作用。谢谢。此小提琴：在IE中更好（使用您的方法），但是没有圆角边框/边，悬停属性似乎不起作用。