【问题标题】: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/

【讨论】:

    猜你喜欢
    • 2014-07-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-31
    • 2012-05-09
    • 2013-05-18
    • 2014-08-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多