【问题标题】:PIE not working in ie 8 but 7, 9PIE 不适用于 ie 8 但 7、9
【发布时间】:2013-04-26 09:09:58
【问题描述】:
嗨,由于某种原因,馅饼在我的圆角上不起作用,有人可以帮忙吗?下面是我的 CSS,在 ie8 中它不显示背景颜色,也只是按钮内的文本。
http://jsfiddle.net/doddsy1005/VcrGL/1/
可能是由于这样的过滤器。filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4265b', endColorstr='#e10e49',GradientType=0 );
【问题讨论】:
标签:
internet-explorer-8
css
css3pie
gradient
【解决方案1】:
根据您在问题中的评论:是的,很可能是由于filter。
使用filter 绘制的渐变存在一个众所周知的错误,它会弄乱圆角。这个错误在 IE9 中最为人所知,因为 IE9 确实支持border-radius,但仍然需要filter 渐变,所以它们经常发生冲突。我可以很容易地看到它也可能会破坏 CSS3Pie 的圆角。
我想真正的问题是你为什么要使用filter 来进行渐变?如果您将 CSS3Pie 用于圆角,您也可以将它用于 CSS 渐变;它支持这两个功能。 CSS3Pie 的全部意义在于,您不必为渐变使用 filter。
所以答案就是停止使用filter 进行渐变。像 border-radius 一样使用 CSS3Pie,问题就会消失。
希望对您有所帮助。