Тень и радиус рамки не работают в Internet Explorer в Facebook

Question

Я использовал тень от рамки и радиус границы в своем проекте для приложения 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);
 }

Кто-нибудь может мне помочь? Спасибо, Тапас

Answer 1

вам нужно сделать дополнительный стиль для 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]-->