PIE不工作,即8但是7,9

时间:2013-04-26 09:09:59

标签: css internet-explorer-8 css3 css3pie gradients

嗨,由于某种原因馅饼不能在我的圆角上工作,任何人都可以帮忙。下面是我的CSS,在ie8中,它不显示背景颜色,也不显示按钮内的文本。

http://jsfiddle.net/doddsy1005/VcrGL/1/

可能是由于此类过滤器所致。filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4265b', endColorstr='#e10e49',GradientType=0 );

1 个答案:

答案 0 :(得分:0)

根据你在问题中的评论:是的,很可能是由于filter

有一个众所周知的错误,使用filter绘制的渐变会弄乱圆角。这个错误在IE9中最为人所知,因为IE9确实支持border-radius,但仍然需要filter渐变,因此它们经常发生冲突。我很容易看出它可能会打破CSS3Pie的圆角但是。

我想真正的问题是你为什么要使用filter来完成渐变?如果您使用CSS3Pie作为圆角,您也可以将它用于CSS渐变;它支持这两个功能。 CSS3Pie的重点在于您不必为渐变使用filter

所以答案就是停止使用filter作为渐变。正如您对border-radius所做的那样使用CSS3Pie,问题就会消失。

希望有所帮助。