IE8/7-出现div阴影/边框的问题

Question

我的客户端网站有问题，页眉中的div周围出现阴影或边框。我其实并不想要这些，也不知道如何摆脱它们。这只发生在IE7/8中。IE9、Firefox、Safari和Chrome都很好。网站为go-movil.es

感谢您的帮助。

谨致问候，Stephen

Answer 1

如果你只想在ie7/8之外的所有内容中显示阴影，你可以使用条件注释来实现一个特定的css，该css具有清除阴影的样式。

在html:的头部

<!--[if lte IE 8]><link rel="stylesheet" href="lte-ie-8.css"><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="lte-ie-7.css"><![endif]-->

css（lte-ie-8.css和lte-ie-7.css）：

body > header .nav > li.current-menu-item > a, body > header .nav 
> li.current-menu-ancestor > a, body > header .nav > li.current-page-ancestor 
> a, body > header .nav > li.current_page_parent > a
{
    box-shadow: none;
}

来源：http://mathiasbynens.be/notes/safe-css-hacks

希望这能帮助

Answer 2

@Stephen-我在Chrome的网站上看到了阴影（在菜单中）。这是由css规则引起的，该规则包括：

-moz-box-shadow: 0 0 5px 5px #55859b;
-webkit-box-shadow: 0 0 5px 5px#55859b;
box-shadow: 0 0 5px 5px #55859b;    

该规则使阴影在FF、Chrome、IE9中显示，而在IE7/IE8中不显示。如果你想删除阴影，只需将其从User.php中删除即可；样式.css.

干杯，Nadav