CSS Masks,正确的属性使用CSS.supports来检测支持?

时间:2014-06-21 03:48:01

标签: javascript css

我正在编写一个附加前缀的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')
);

0 个答案:

没有答案