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

时间:2012-01-31 14:39:47

标签: html internet-explorer-8 shadow

我遇到了客户端网站的问题,标题中的div周围出现了阴影或边框。我实际上并不想要这些,也不知道如何摆脱它们。这只发生在IE7 / 8中.IE9,Firefox,Safari和Chrome都很好。网站是go-movil.es

任何帮助表示感谢。

此致 斯蒂芬

2 个答案:

答案 0 :(得分:1)

如果您只希望阴影显示在ie7 / 8以外的所有内容中,您可以使用条件注释来实现具有清除阴影的样式的特定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

希望这有帮助

答案 1 :(得分:1)

@ 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;    

该规则导致Shadow在IE7 / IE8中以FF,Chrome,IE9和NOT显示。 如果你想删除阴影,只需从User.php&amp;中删除它。的style.css。

干杯, Nadav