在ie11中重新创建webkit-box-reflect

Question

-webkit-box-reflect:
    below 0px 
    -webkit-gradient(linear, left top, left bottom, 
        from( transparent ), color-stop(0.7, transparent), to( rgba(50,50,50,0.7) ) 
);

在阅读了堆栈上的一些问题后，我有了这段代码：

transform: scaleY(-1); 
filter: flipv; 
opacity:0.20; 
filter: alpha(opacity='20');

从这个回答： Other stackoverflow question

但这会引发我的解析错误RuntimeError: error evaluating function alpha : undefined is not a function

在这一行： filter: alpha(opacity='20');

Answer 1

如果您使用IE11，this is for IE8 to support已设置的filter: alpha(opacity='20');设置，则实际上不需要使用opacity。

  

使用IE可以实现IE8及更早版本中元素的透明度   专有的“过滤”属性

对于filter: flipv;也是如此，鉴于您有transform: scaleY(-1);

这一点，这是不必要的

顺便提一下，根据您是否使用预处理器（运行时错误建议），以及 - 您还可以考虑删除围绕alpha值的'，留下：

filter: alpha(opacity=20);