css - 图像反射 CSS 在 IE9 中不起作用？

Question

这是我必须实现图像反射的当前 CSS（尽管应用于包含图像超链接的 div 标签 - fb 和 twitter），它适用于 Chrome 和 Safari。我将如何在 IE9 中实现相同的效果？

.SocialIconStyle
{

 width:27px; float:left;

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

Answer 1

IE9s 对 webkit 风格线性渐变的支持至少可以说是很差。看看这里

IE9 是否支持 CSS 线性渐变？

您也许可以使用此站点使用 svg。只需检查 IE9 支持框。

http://www.colorzilla.com/gradient-editor/