Question

我在我的项目中使用了box shadow和border radius来进行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);
 }

有人可以帮助我吗？谢谢，Tapas

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]-->

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

1 个答案: