我有这个 ：
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(210,210,210,1)));
它适用于所有浏览器和 IE9，但不适用于 IE6 有人能告诉我还有什么用吗
问候
问问题
75 次
4 回答
1
您需要使用 IE 的旧过滤器规则，您在问题中提到的规则有一个供应商前缀，仅针对 webkit（chrome、safari 等）浏览器。-这里有一个简洁的生成器，可以帮助您制作跨平台渐变。IE6-9 的规则如下所示：
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 *
于 2012-05-02T12:38:42.947 回答
0
webkit 前缀仅适用于 Webkit 浏览器，即 Chrome、Safari、Android 和 iPhone。例如，您需要对 Firefox 使用 -moz，对 Opera 使用 -o。
IE6 根本没有任何渐变支持，所以你需要使用图像来代替，或者放弃对 IE6 的支持，这可能是一个不错的选择；没有多少用户仍在使用 IE6。（除非这专门用于例如政府，否则它们经常被卡住。）
于 2012-05-02T12:38:28.923 回答
0
Internet Explorer 渐变滤镜不支持色标、渐变角度和径向渐变。这意味着您只能使用 2 种颜色指定水平或垂直线性渐变：StartColorStr 和 EndColorStr。
于 2012-05-02T12:54:27.037 回答
0
Internet Explorer 8 及更低版本并不是唯一不支持渐变的浏览器，因此使用过滤器不会捕获所有浏览器。
另一种方法是使用 Modernizr来检测支持并使用后备图像或纯色。
例如：
#box {
// Normal gradient syntax
}
.no-cssgradients #box {
// Fallback image
}
于 2012-05-02T12:58:09.680 回答