我创建内部阴影的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中。我该如何解决这个问题呢?
答案 0 :(得分:3)
它不适用于IE 8或更早版本。前缀-moz专门用于firefox,-webkit专门用于基于webkit的浏览器,例如safari和chrome,而box-shadow是标准。
答案 1 :(得分:3)
您可以see here该CSS3功能的浏览器支持。
这是我们中间的懒惰。 :)