css - 框阴影和边界半径在Facebook的Internet Explorer中不起作用

我在我的专案中为Facebook应用程序使用了框阴影和边框半径。但是在Internet Explorer中，它不起作用。我的CSS代码如下：

.main_body_bg {
     border-radius:2px 2px;
     -moz-border-radius:2px 2px;
     webkit-border-radius:2px 2px;
     background:#f8f8f8;
     width:740px;
     -moz-box-shadow:0px 0px 3px rgba(82,82,82,0.5);
     -webkit-box-shadow:0px 0px 3px rgba(82,82,82,0.5);
     box-shadow:0px 0px 3px rgba(82,82,82,0.5);
     behavior:url(images/PIE.htc);
 }

有人可以帮助我吗？

最佳答案

您需要为IE制作额外的样式，写在这里http://placenamehere.com/article/384/css3boxshadowininternetexplorerblurshadow/

<!--[if IE]>
<style type="text/css">
.main_body_bg  {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 102px; /* match target width */
    height: 102px; /* match target height */
    z-index: 1;
    background: #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');
}
</style>
<![endif]-->