Ошибка Drop Shadow в IE9 - PullRequest
Новая
       56

Ошибка Drop Shadow в IE9

0 голосов
/ 24 октября 2011

Если вы посмотрите на главное меню навигации на этой странице , вы увидите, что я использую тень на a: hover, однако в IE9 тень глючит - она ​​не всегда отображается и часто остается после того, как зависание больше не активно. Я хочу либо исправить это, либо избавиться от тени только в IE.

мой css: 

    #menu a {
  color:#fff;
  padding-top:10px;
  padding-right:10px;
  padding-left:10px;
  text-decoration:none;



}

#menu a:hover {

 background:#e58f56;
 border-top: 0px solid transparent;
 border-bottom: 10px solid transparent;
 border-left: 10px solid #bbb2b1;
 border-right: 0;
 border-top-right-radius:5px;
 border-bottom-right-radius:5px;
-webkit-box-shadow: #888 4px 4px 4px;
-moz-box-shadow: #888 4px 4px 4px;
box-shadow: #888 4px 4px 4px;



}

Есть идеи?

Ответы [ 3 ]

0 голосов
/ 12 ноября 2011

Вы уверены, что тень вообще не отображается? Реализация IE9 в box-shadow визуализирует размытие примерно на половине расстояния, которое делают другие браузеры (на самом деле я разместил вопрос об этом здесь ). Для низких значений возможно, что рендеринг IE9 настолько слаб, что вы этого не замечаете. В качестве теста попробуйте увеличить радиус размытия, чтобы увидеть, появляется ли он в IE9.

0 голосов
/ 14 марта 2014

Если вы не видите DropShadow, возможно, ваш IE9 находится в режиме просмотра совместимости.Попробуйте явно установить на своей странице совместимость с IE9 с некоторым кодом, например: 

<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=10; IE=11" />

В заголовке вашей страницы перед вызовом любого Css.

0 голосов
/ 24 октября 2011

Я просто поместил ваш код выше в скрипту js, и он отлично работал в IE9! Должно быть что-то, что связано с «пирогом», исправляет ваш звонок. Может быть, попробуйте удалить его и проверить.

Эффект, который вы пытаетесь сделать, определенно «способен» в IE9. Не сдавайтесь:)!

...