Question

我的下面的css代码是在我的网站上的主框架周围创建一个阴影，它在IE以外的所有浏览器上都能正常工作。我在网上找到了一个“解决方案”，应用它并且除了一个问题之外它有效。在菜单上，顶线断开（在“Est.2009”之前，顶部线条使菜单停止，最后你可以看到一个新的盒子被创建，因为它被切断。它似乎也显示一个阴影在IE上只在右侧和底部，我怎样才能在左侧获得它？）提前致谢！ http://www.stevemoorecpa.dreamhosters.com

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

Answer 1

您可以使用css3 PIE在IE浏览器中处理盒子阴影。请浏览以下网站：http://css3pie.com/about/

注意：一旦你在你的css类中为这个div应用了一个div你需要为IE 7和IE 8添加位置：relative，如果你在div里面需要添加位置：相对于父div我的意思是顶级div。

Answer 2

在“Est.2009”之前，使菜单停止的顶行最后，你可以看到一个新的盒子被创建，因为它被切断了。

这是一张图片，请尝试在其上设置边框，或者更好的是.skmLogo类。

对于低于IE9的IE浏览器，创建一个额外的div包装器以覆盖所有内容并对其应用模糊

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

框阴影仅适用于IE9 +。

投影不在ie8中工作，并打破其他浏览器的样式

2 个答案: