1

我下面的 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);   
}
4

2 回答 2

1

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

注意：一旦你在你的 css 类中为那个 div 应用了饼图，你需要为 IE 7 和 IE 8 添加 position:relative，如果你在 div 中绘制饼图，你需要添加 position:relative 到父 div 我的意思顶部分区。

于 2012-11-06T12:37:55.283 回答
0

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

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

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

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

盒子阴影仅适用于 IE9+。

于 2012-11-05T23:29:11.067 回答