2012-02-23 52 views
0

我在我的Facebook應用程序項目中使用了框陰影和邊框半徑。但在Internet Explorer中,它不起作用。下面我CSS代碼給出:框中的陰影和邊框半徑在facebook中的Internet Explorer中不工作

.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); 
} 

任何人都可以幫我謝謝你,小吃

回答

0

你需要做的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]-->