图像反射CSS在IE9中不起作用?

时间:2012-05-02 15:48:59

标签: css3 internet-explorer-9 cross-browser

这是我必须实现的图像反射的CSS(虽然应用于包含imagehyperlinks的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)); 
}

Image Reflection

1 个答案:

答案 0 :(得分:2)

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

Does IE9 support CSS linear gradients?

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

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