CSS：是箱反映IE10兼容（或替代）？(CSS: Is box-reflect (or an al

所以，我在我的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/说要避免使用箱式反映-但该功能上次更新时间比去年同期多。

检查http://www.xhtml-lab.com/css/create-reflection-effect-using-css3示出备选框-反映，但似乎并没有为优雅，笔者认为在文章的结尾该解决方案不与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

文章来源: CSS: Is box-reflect (or an alternative) compatible with IE10?