IE8 / 7 - проблема с появлением теней / границ div - PullRequest
Новая
       11

IE8 / 7 - проблема с появлением теней / границ div

2 голосов
/ 31 января 2012

У меня проблема с клиентским веб-сайтом, вокруг заголовков появляются тени или границы.Я на самом деле не хочу этого и не знаю, как от них избавиться.Это происходит только в IE7 / 8. IE9, Firefox, Safari и Chrome все в порядке.Сайт go-movil.es

Любая помощь приветствуется.

С уважением, Стивен

Ответы [ 2 ]

1 голос
/ 14 февраля 2012

@ Стивен - Я был на сайте в 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 & style.css.

Cheers, Надав

1 голос
/ 07 февраля 2012

Если вы хотите, чтобы тени отображались только во всем, кроме 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;
}

source: http://mathiasbynens.be/notes/safe-css-hacks

Надеюсь, это поможет

...