适用于所有浏览器的CSS Gradient Simplification

时间:2013-11-12 13:24:18

标签: javascript jquery css html5 css3

为什么我需要在css中使用-moz-linear-gradient和-webkit-gradient作为渐变代码而不是在单行中编写渐变代码以实现所有浏览器兼容性?

如果我使用10种不同的渐变效果,则css编码会扩展到尽可能多的行。是否有任何替代方法来简化或减少css梯度线

抱歉这个愚蠢的问题在谷歌看了但是我找不到合适的解释。希望有人帮助这个新的bie

2 个答案:

答案 0 :(得分:2)

这是因为gradient在创建这些属性时未在标准中最终确定。 -moz-webkit前缀用于表示这些属性是基于Mozilla和Webkit的浏览器中使用的标准实现,而不是其他属性。

根据CanIUse.comgradient属性支持除IE9及更低版本之外的所有浏览器。

答案 1 :(得分:0)

并非所有CSS3属性都在当前的Web浏览器中标准化。