CSS内部阴影在IE中不起作用

时间:2011-04-03 14:33:31

标签: internet-explorer css3

我创建内部阴影的CSS在IE中不起作用。

例如:

<tr>
    <td align="left" ><a href="#"><img src="images/beverlySmith.gif" class="imagedropshadow" /></a> </td>
</tr>

我的CSS是:

.imagedropshadow {
padding: 5px;
border: solid 1px #EFEFEF;
}
a:hover img.imagedropshadow {
-moz-box-shadow:inset 1px 1px 10px #ffffff;
    -webkit-box-shadow:inset 1px 1px 20px #ffffff;
    box-shadow:inset 1px 1px 20px #ffffff;
}

它适用于Mozilla。但不是在IE8中。我该如何解决这个问题呢?

2 个答案:

答案 0 :(得分:3)

它不适用于IE 8或更早版本。前缀-moz专门用于firefox,-webkit专门用于基于webkit的浏览器,例如safari和chrome,而box-shadow是标准。

答案 1 :(得分:3)

您可以see here该CSS3功能的浏览器支持。

这是我们中间的懒惰。 :)enter image description here