css - IE9问题边界半径和线性渐变

标签 css

我已经使用CSS PIE和滤镜来克服IE9中CSS的边框半径和线性渐变问题,但我对结果并不满意。有没有办法用线性渐变实现边界半径?

最佳答案

是的:使用 SVG 背景图像在 IE9 中实现线性渐变。

一些在线梯度生成器将在其输出中提供此选项。参见例如http://www.colorzilla.com/gradient-editor/ (选中结果复选框下方的“IE 9 支持”复选框)。

幸运的是,SVG 背景在 IE 9 中被 border-radius 裁剪,这与使用 filter 实现的渐变不同。

关于css - IE9问题边界半径和线性渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12211213/

相关文章:

javascript - 使用 Twitter Bootstrap 创建合并表格单元格

php - 将单词拆分为 span 并在 div 中对齐

css - 隐藏在悬停选择器上的叠加层下的可点击链接

html - 如何在新行开始分页?我正在使用 Bootstrap

javascript - 查询 : How to force the click of s specific item of a radiobox

html - 在 Materialise CSS 中使图像与旁边的文本 block 具有相同的高度

html - 无法理解 span 标签和 css "margin-*"属性

css - 将超棒的字体图标居中对齐

html - Div 拉伸(stretch)以适应内容。溢出 : auto; does not work

iphone - iOS 有哪些字体,是否支持@font-face?