2012-11-05 27 views
1

低于我的CSS代码是创建一个围绕在我的网站主框架阴影,它工作得很好,除了上IE的所有浏览器。我在网上找到了一个“解决方案”,应用它,除了一个问题外,它工作。在菜单上,顶部的行被打破了(在“Est.2009”之前是使菜单停止的顶部行,以及最后你可以看到一个新的盒子被创建,因为它被切断了,它似乎也显示了一个阴影IE上只有右侧和底部,我怎么能得到它的左侧以及?) 在此先感谢! http://www.stevemoorecpa.dreamhosters.com阴影在IE8和休息不工作样式在其他浏览器

#wrapperSkm 
{ 
border-left-style: solid; 
border-right-style:solid; 
border-width: 2px; 
border-color: transparent; 
-moz-box-shadow: 0px 0px 25px #c3c3c3; 
-webkit-box-shadow: 0px 0px 25px #c3c3c3; 
box-shadow: 0px 0px 25px #c3c3c3; 
width:1069px; 
overflow: hidden; 
position: relative; 
padding: 0 0px 0 0px; 
margin-left: auto; 
margin-right: auto; 




    background-image: url(images/bodyBg.png); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,    Color='#000000')"; 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,  Color='#000000'); 
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
} 

回答

1

您可以使用css3 PIE工作箱影在IE浏览器中。请进行以下网站:http://css3pie.com/about/

注意:一旦你在你的CSS类应用的馅饼一个DIV为DIV需要添加位置:相对于IE 7和IE 8,如果你馅饼的DIV中你需要添加位置:相对于父div我的意思是顶部div。

0

“Est.2009”顶线,使菜单停止以及 在年底就可以看到一个新的箱子被创建,因为它切断之前。

这是一个图像,尝试设置边界或更好,你的.skmLogo类。

对于ie浏览器小于IE9,创建一个额外的div包装去下的一切,并应用模糊它

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40'); 

盒子阴影只能在IE9 +。

相关问题