[分享]css做出悬浮阴影效果ie

CSS是网页设计中重要的一环，可以通过它来美化页面，对于一些常用的效果，如悬浮阴影，在大多数浏览器中都很容易实现，但在IE浏览器却需要特别的处理。对于常用的悬浮阴影效果，使用以下的CSS样式即可：.b...

CSS是网页设计中重要的一环，可以通过它来美化页面，对于一些常用的效果，如悬浮阴影，在大多数浏览器中都很容易实现，但在IE浏览器却需要特别的处理。

对于常用的悬浮阴影效果，使用以下的CSS样式即可：

.box {
  box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}
.box:hover {
  box-shadow: 2px 2px 20px rgba(0,0,0,0.5);
} 

然而，这段代码在IE浏览器中无法生效。为了解决这个问题，我们需要使用IE专属的样式语法，即filter属性。

.box {
  filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#333', Positive='true');
}
.box:hover {
  filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#333', Positive='true', Strength=2);
} 

这里的progid:DXImageTransform是IE的特殊语法标识，其Dropshadow操作指定了阴影的位置、颜色和模糊度。

通过以上的代码，我们就可以在IE浏览器中实现悬浮阴影效果了。