Javascript CSS掩码，使用CSS.supports检测对的支持的正确属性？

我正在编写一个附加前缀的PHP脚本，这样使用CSS的人就不用担心前缀了。不幸的是，我没有机会使用现有的每个可能的CSS属性/值，因此我不确定使用哪个属性作为

CSS.supports

（

background

在下面的示例中使用）？只是为了让它不成为评论的重点，我这样做是为了

-khtml-

，

-o-

，

-moz-

，

-webkit-

和-

ms-

为了这个项目，我现在正好在webkit/blink引擎的Chrome/Safari分叉上工作

alert(
CSS.supports('background','clip-path')+'\n'+
CSS.supports('background','clip-rule')+'\n'+
CSS.supports('background','mask-image')+'\n'+
CSS.supports('background','mask-mode')+'\n'+
CSS.supports('background','mask-repeat')+'\n'+
CSS.supports('background','mask-position')+'\n'+
CSS.supports('background','mask-clip')+'\n'+
CSS.supports('background','mask-origin')+'\n'+
CSS.supports('background','mask-size')+'\n'+
CSS.supports('background','mask-composite')+'\n'+
CSS.supports('background','mask-border-source')+'\n'+
CSS.supports('background','mask-border-mode')+'\n'+
CSS.supports('background','mask-border-slice')+'\n'+
CSS.supports('background','mask-border-width')+'\n'+
CSS.supports('background','mask-border-outset')+'\n'+
CSS.supports('background','mask-border-repeat')+'\n'+
CSS.supports('background','mask-border')+'\n'+
CSS.supports('background','mask-type')+'\n'+
CSS.supports('background','mask')+'\n'+

CSS.supports('background','-webkit-clip-path')+'\n'+
CSS.supports('background','-webkit-clip-rule')+'\n'+
CSS.supports('background','-webkit-mask-image')+'\n'+
CSS.supports('background','-webkit-mask-mode')+'\n'+
CSS.supports('background','-webkit-mask-repeat')+'\n'+
CSS.supports('background','-webkit-mask-position')+'\n'+
CSS.supports('background','-webkit-mask-clip')+'\n'+
CSS.supports('background','-webkit-mask-origin')+'\n'+
CSS.supports('background','-webkit-mask-size')+'\n'+
CSS.supports('background','-webkit-mask-composite')+'\n'+
CSS.supports('background','-webkit-mask-border-source')+'\n'+
CSS.supports('background','-webkit-mask-border-mode')+'\n'+
CSS.supports('background','-webkit-mask-border-slice')+'\n'+
CSS.supports('background','-webkit-mask-border-width')+'\n'+
CSS.supports('background','-webkit-mask-border-outset')+'\n'+
CSS.supports('background','-webkit-mask-border-repeat')+'\n'+
CSS.supports('background','-webkit-mask-border')+'\n'+
CSS.supports('background','-webkit-mask-type')+'\n'+
CSS.supports('background','-webkit-mask')
);

---

使用前缀的原因是它们所指的技术正在开发中，API可以（有时确实）更改。请参阅以了解与早期前缀Mozilla实现相关的差异，例如。@MikeW我理解并支持前缀，但谢谢。除了

-khtml-

和

-webkit-

之外，CSS掩码是否还存在其他前缀？我从来没有听说过任何其他引擎实现它们-CSS掩码在最终被作为标准提出之前是WebKit的专利。对于自动前缀解决方案，我强烈推荐Lea Verou的-prefix free，尽管它是基于JavaScript的，但它可以访问浏览器对前缀的知识，因此可以自动处理所有情况，而无需硬编码任何内容。声明说屏蔽属性实际上是属性，尽管我不确定WebKit在标准化它们之前是如何选择实现它们的（了解WebKit，它当然可以将它们作为

background

的值来实现）。