Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css属性不适用于IE6_Css - Fatal编程技术网

css属性不适用于IE6

css属性不适用于IE6,css,Css,我有这个: 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 有人能告诉我还有什么用吗 关于webkit前缀仅适用于webkit浏览器,这些浏览器包括Chrome、Safari、Androi

我有这个:

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


关于

webkit前缀仅适用于webkit浏览器,这些浏览器包括Chrome、Safari、Android和iPhone。例如,Firefox需要使用-moz,Opera需要使用-o


IE6根本没有任何渐变支持,因此您需要使用图像,或者放弃IE6支持,这可能是一个不错的选择;没有多少用户仍然使用IE6。(除非这是专门用于例如政府,否则它们通常会被卡住。)

您需要使用IE的旧过滤规则,您在问题中提到的规则有一个供应商前缀,仅针对webkit(chrome、safari等)浏览器。-有一个整洁的发电机,它将帮助你在跨平台梯度。IE6-9的规则如下所示:

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

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

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

另一种方法是特征检测支持并使用回退图像或纯色

例如:

#box {
// Normal gradient syntax
}

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

webkit的意思是(safari和chrome),所以它在IE中不起作用,这应该在IE中起作用
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=''#cccccc',endColorstr='#000000')标准渐变只适用于现代浏览器,而不适用于IE。如果你想在firefox IE6-9中使用标准渐变,请阅读本文。IE6-9确实支持渐变,但要通过过滤器:声明