CSS: box-reflect (或替代方案)与IE10兼容吗？

Question

所以我的CSS中有下面这一行：

-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(white));

正如您所期望的那样，这在Chrome中可以正确呈现。我想知道IE是否有类似的选项。我试着去掉webkit前缀，但这不起作用。

检查http://html5please.com/说要避免使用box-reflect -但该功能的最后一次更新是在一年多以前。

查看http://www.xhtml-lab.com/css/create-reflection-effect-using-css3显示了box-reflect的另一种选择，但看起来并不那么优雅，作者在文章的末尾表示，该解决方案不适用于IE，她自己正在寻找更好的解决方案。那个已经有两年多了。

勾选http://caniuse.com提示IE根本不支持反射框--这并不能让我充满希望。但我找不到日期，因此为了讨论，我将假装它已过期:-p。

Answer 1

到目前为止，IE没有长方体反射属性，但我已经做了一个变通方法，使其在IE中工作

<style type="text/css">
    #imgmask
    {
     -webkit-transform: scaleY(-1); 
     -moz-transform: scaleY(-1); 
     -ms-transform: scaleY(-1); 
     -o-transform: scaleY(-1); 
     transform: scaleY(-1); 
     filter: flipv; 
     opacity:0.20; 
     filter: alpha(opacity='20');
   }
</style>

<div id="Div1">
<img src="Images/Photo.jpg" alt="Photos" height="200" width="200" />
</div>   
<div id="imgmask">
<img src="Images/Photo.jpg" alt="Photos" height="200" width="200" />
</div>

谢谢AB