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?
See Question&Answers more detail:osI 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?
See Question&Answers more detail:osYup: 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
.