IE9发出边界半径和线性渐变 [英] IE9 issue border radius and linear gradient
问题描述
我已经使用CSS PIE和过滤器来克服边框半径和线性渐变的问题在IE9与CSS,但我不满意的结果。
Yup:使用SVG背景图像在IE9中实现线性渐变。
一些在线梯度生成器将在其输出中提供此选项。参见例如 http://www.colorzilla.com/gradient-editor/ (选中IE 9支持复选框幸运的是,在IE 9中, border-radius
修剪了SVG背景,不像实现的渐变过滤器
。
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. Is there any way to implement border radius with linear gradient?
Yup: implement the linear gradient in IE9 using an SVG background image.
A few of the online gradient generators will provide this option in their output. See e.g. http://www.colorzilla.com/gradient-editor/ (check the "IE 9 support" checkbox underneath the results checkbox).
Thankfully, SVG backgrounds are clipped by border-radius
in IE 9, unlike gradients implemented with filter
.
这篇关于IE9发出边界半径和线性渐变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!