Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/11.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
为什么webkit radial gradient在Safari中不起作用?_Safari_Css_Radial Gradients - Fatal编程技术网

为什么webkit radial gradient在Safari中不起作用?

为什么webkit radial gradient在Safari中不起作用?,safari,css,radial-gradients,Safari,Css,Radial Gradients,这在Chrome中起作用,但在Safari中不起作用: background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3); 如何在Safari中修复它?尝试在Safari中使用: background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]*

这在Chrome中起作用,但在Safari中不起作用:

background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
如何在Safari中修复它?

尝试在Safari中使用:

background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]* ) <color>;
background:-webkit梯度(径向,,[,]*);

示例和更多解释可以在这里找到:

它在铬合金中甚至不能正常工作,因为它显示的是圆形渐变,而不是椭圆形渐变。它在Webkit夜间版中确实正常工作

它在Safari中不起作用的原因是语法尚未传播到Safari的稳定版本。最终会的。你需要学会耐心,我的年轻学徒:)


现在,您可以使用
-webkit gradient
,但在其后面始终包含
-webkit radial gradient
等效项。当我们开始时,不要忘记其他前缀(
-o-
-moz-
-ms-

您使用的是什么版本的Safari?相关:不确定如何创建完全相同的渐变。你能把我的版本转换成有精确值的版本吗?有很多渐变(即根据盒子大小调整的渐变)可以用新的语法完成,而不能用旧的语法完成。旧的语法中没有“cover”的精确模拟。