IE9发布边界半径和线性渐变
[英]IE9 issue border radius and linear gradient
问题描述
I have used CSS PIE and filters to overcome the issue of border radius and linear gradient in IE9 with CSS, but I am not satisfied with the result. 
我已经使用CSS PIE和过滤器来克服带有CSS的IE9中边界半径和线性渐变的问题，但是我对结果不满意。 Is there any way to implement border radius with linear gradient? 有什么方法可以实现线性渐变的边界半径？
1 个解决方案
解决方案1
6 2012-08-31 08:09:40
Yup: implement the linear gradient in IE9 using an SVG background image. 是的：使用SVG背景图片在IE9中实现线性渐变。
A few of the online gradient generators will provide this option in their output. 一些在线梯度生成器将在其输出中提供此选项。 See eg http://www.colorzilla.com/gradient-editor/ (check the “IE 9 support” checkbox underneath the results checkbox). 请参见例如http://www.colorzilla.com/gradient-editor/ （选中结果复选框下方的“ IE 9支持”复选框）。
Thankfully, SVG backgrounds are clipped by border-radius in IE 9, unlike gradients implemented with filter . 幸运的是，与用filter实现的渐变不同，IE 9中的SVG背景被border-radius限制。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.