CSS3线性放大器不工作_Css_Linear Gradients

CSS3线性放大器不工作

css

CSS3线性放大器不工作,css,linear-gradients,Css,Linear Gradients,我观看了CodePen演示，其中CSS3linear gradient用于制作颜色效果，我在jsFiddle尝试了相同的linear gradient属性，但这个CSS3属性在其中不起作用这是电话，这是我的有人能告诉我这背后的问题是什么，或者是否存在JSFIDLE故障或其他问题吗？当您在CodePen中编写线性渐变时，它会自动在代码中添加网站前缀（请参见屏幕截图：Firebug中的CodePen代码）。因此，您需要的前缀： -用于Safari、Chrome、Android浏览器和移动Saf

我观看了CodePen演示，其中CSS3

linear gradient

用于制作颜色效果，我在jsFiddle尝试了相同的

linear gradient

属性，但这个CSS3属性在其中不起作用

这是电话，这是我的

有人能告诉我这背后的问题是什么，或者是否存在JSFIDLE故障或其他问题吗？

当您在CodePen中编写

线性渐变时，它会自动在代码中添加网站前缀（请参见屏幕截图：Firebug中的CodePen代码）。因此，您需要的前缀：

-用于Safari、Chrome、Android浏览器和移动Safari的webkit
-moz
用于Firefox
歌剧的

-o
-ms
用于IE 10+
请参阅代码：

当您在CodePen中写入
线性渐变时，它会自动在代码中添加网站前缀（请参见屏幕截图：Firebug中的CodePen代码）。因此，您需要的前缀：
-用于Safari、Chrome、Android浏览器和移动Safari的webkit -moz 用于Firefox
歌剧的
-o
-ms
用于IE 10+
请参阅代码：

我建议您使用colorzilla渐变生成器创建渐变

您可以获得适合所有浏览器的代码，只需复制粘贴为您的元素css生成的代码。
我建议您使用colorzilla渐变生成器创建渐变

您可以获得适合所有浏览器的代码，只需复制粘贴为您的元素css生成的代码。
查看Inspector将帮助您快速轻松地解决此类问题。 CodePen似乎有某种自动的供应商前缀，因为应用于元素的实际样式如下所示：
在jsFiddle站点上执行同样的操作表明没有应用前缀，因此整个属性不起作用（由警告标志和删除指示）：

所需前缀：
-webkit
用于Safari、Chrome和Android
-moz
用于Firefox 歌剧的-o
-ms
用于IE
有关浏览器兼容性，请参见

处理这些前缀可能是一件非常痛苦的事情，因此您应该看看预处理器或js库如何完成这项工作：
看看Inspector将帮助您快速轻松地解决此类问题。 CodePen似乎有某种自动的供应商前缀，因为应用于元素的实际样式如下所示：
在jsFiddle站点上执行同样的操作表明没有应用前缀，因此整个属性不起作用（由警告标志和删除指示）：

所需前缀：
-webkit
用于Safari、Chrome和Android
-moz
用于Firefox 歌剧的-o
-ms
用于IE
有关浏览器兼容性，请参见

处理这些前缀可能是一件非常痛苦的事情，因此您应该看看预处理器，比如做这项工作的js库：
没有问题。您必须为每个浏览器添加前缀！看我的答案……：）没问题。您必须为每个浏览器添加前缀！看我的答案……：）