Question

我有这个：

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 有人能告诉我用什么吗

此致

Answer 1

您需要使用IE旧的过滤规则，您在问题中提到的规则只有供应商前缀，该目标仅针对webkit（chrome，safari等）浏览器。 - 有一个整洁的发电机here，它将帮助你制作跨平台的渐变。 IE6-9的规则如下：

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 *

Answer 2

webkit前缀仅适用于Webkit浏览器，即Chrome，Safari，Android和iPhone。例如，你需要在Firefox中使用-moz，在Opera中使用-o。

IE6根本没有任何渐变支持，因此您需要使用图像，或者删除IE6支持，这可能是一个不错的选择;没有多少用户仍然使用IE6。（除非这是专门用于政府的，否则它们经常被卡住。）

Answer 3

Internet Explorer渐变过滤器不支持颜色停止，渐变角度和径向渐变。这意味着您只能指定2种颜色的水平或垂直线性渐变：StartColorStr和EndColorStr。

Answer 4

Internet Explorer 8及更低版本不是唯一不支持渐变的浏览器，因此使用过滤器不会捕获所有浏览器。

另一种方法是to use Modernizr，以检测支持并使用后备图像或纯色。

例如：

#box {
// Normal gradient syntax
}

.no-cssgradients #box {
// Fallback image
}

css属性不适用于IE6

4 个答案: