图像反射 CSS 在 IE9 中不起作用？答案

【问题标题】：Image reflection CSS not working in IE9?图像反射 CSS 在 IE9 中不起作用？
【发布时间】：2012-05-12 03:12:27
【问题描述】：

这是我必须实现图像反射的当前 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)); 
}

【问题讨论】：

我还需要 Firefox 的解决方案。我发现的所有内容都需要-moz-element()，但在我的情况下，并非每个图像都有一个 id，但所有图像都可以使用#foo img 设置样式。

标签： css internet-explorer-9 cross-browser

【解决方案1】：

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

Does IE9 support CSS linear gradients?

您可以通过此站点使用 svg。只需选中 IE9 支持框即可。

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

【讨论】：