多边形剪辑路径动画与视差

Question

http://jsfiddle.net/kirstendodd/SsnC4/12/

data-0-top="
 -webkit-clip-path: polygon(20% 100%, 74% 0%, 75% 0%, 21% 100%); 
 -moz-clip-path: polygon(20% 100%, 74% 0%, 75% 0%, 21% 100%); 
 clip-path: polygon(20% 100%, 74% 0%, 75% 0%, 21% 100%);"
data--200-top=" 
 -webkit-clip-path: polygon(-50% 100%, 0% 0%, 150% 0%, 100% 100%); 
 -moz-clip-path: polygon(-50% 100%, 0% 0%, 150% 0%, 100% 100%); 
 clip-path: polygon(-50% 100%, 0% 0%, 150% 0%, 100% 100%);       

好吧，基本上我正在使用skrollr视差网站，设计师想要一个动画蒙版效果。如果你正在使用chrome或safari，你可以看到在上面的jsfiddle工作。我的问题是，有没有人知道这样做的方法会有更好的浏览器支持？我需要它能够在skrollr中工作，响应窗口的高度，在html元素而不仅仅是图像，并且至少在ie10，firefox，chrome和Safari中工作。这可能吗？

任何建议都将不胜感激！