IE9发出边界半径和线性渐变

本文介绍了IE9发出边界半径和线性渐变的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我已经使用CSS PIE和过滤器来克服边框半径和线性渐变的问题在IE9与CSS，但我不满意的结果。

解决方案

Yup：使用SVG背景图像在IE9中实现线性渐变。

一些在线梯度生成器将在其输出中提供此选项。参见例如 www.colorzilla/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. www.colorzilla/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.