体现在Firefox和IE中
我对CSS中的Reflections仍然很陌生，所以在这方面有一些问题。 对于主页，我被告知我需要反映文本，然后是图像（以及背后的复杂阴影，但这是我的待办事项列表）。
对于Chrome / safari（webkit）我有
-webkit-box-reflect：低于0px -webkit-gradient（线性，左上，左下，从（透明），颜色停止（70％，透明）到（rgba（255,255,255,0.2）））;
看起来非常好...但是...显然它只适用于铬/ safari。 如何在IE浏览器（如果可能的话，7/8/9）和Firefox中获得相同的效果？
谢谢，尼古拉斯卡特
您应该为Firefox使用-moz-element属性。
反思将是：
#reflection {
/* It's a copy of the original element... */
background: -moz-element(#reflected-element)
bottom left no-repeat;
/* ... turned upside down ... */
-moz-transform: scaleY(-1);
/* ... with a gradual fade-out effect towards the bottom. */
mask: url(#reflection-mask);
}
什么是-moz元素？
参考
也许你可以提供这个插件的jQuery后备。
本教程还讨论了跨浏览器反射。
要将不支持反射的浏览器作为目标，您可以使用Modernizr。
此构建：http: no-cssreflections您的页面<html>标记添加no-cssreflections类。
然后，您可以添加特定的CSS规则：
.no-cssreflections #element-id {
/* custom CSS rule */
}
或通过JavaScript：
if(!Modernizr.cssreflections){
/* run plugin or whatever */
}