box-shadow не работает в IE9

Question

Я видел много разговоров о box-shadow в IE9 - но когда я его пробую, он не работает!(конечно я не удивлен ... вздох).Я ошибаюсь, что эти вещи должны работать в ie9 или MySSS неправильно, или есть режим в ie9?Вот код CSS, который я использую:

.jW{position:absolute;border-radius:8px;box-shadow:4px 4px 24px 4px #000000}

То же самое и для border-radius.Я даже открыл сайты CSS3 с такими атрибутами, как http://css3please.com/, и они тоже не работают в IE9.На самом деле: багер IE!

Answer 1

ОК - обнаружена проблема. Во-первых, спасибо Сандипу за то, что он помог мне решить часть проблемы. IE9 не требует какого-либо типа документа для работы этих стилей. Причиной проблемы является «бордюр-коллапс: коллапс» в таблицах - используйте cellspacing = 0, тогда это работает - все еще: bugger IE

Answer 2

Причина, по которой тень блока не работает, заключается в том, что IE автоматически запускается в режиме причуд, который не поддерживает это.

Если вы установите Internet Explorer для запуска в standards mode, он будет правильно отображать тень блока

вы можете заставить ie работать в стандартном режиме, следуя этому сообщению: Как заставить Internet Explorer отображать в стандартном режиме, а НЕ в причудах?

Если вы не можете редактировать заголовки http, используйте: <meta http-equiv="X-UA-Compatible" content="IE=edge">

(или <meta http-equiv="X-UA-Compatible" content="IE=edge" />, если вы используете XHTML)

Это должно работать нормально, если вы сделаете это

Answer 3

Я также столкнулся с проблемой, когда тень окна не отображалась в IE9.В моем случае IE9 рендерил документ в режиме совместимости, хотя у меня был действительный DOCTYPE.Я отлаживал локально, и в IE есть параметр «Отображать сайты интрасети в представлении совместимости», который был включен, по-видимому, по умолчанию.После отключения все работает как положено.Это можно найти в разделе Инструменты -> Настройки просмотра совместимости.

Answer 4

Упс - извините, но я не совсем правильно в своем тестировании - кажется, что doctype необходим для того, чтобы эти вещи работали.Но тогда все остальное ломается.Я думаю, что в следующий раз я сначала напишу для IE, а потом для других - эй, Мэйб, это стратегия microsofts все время!

Answer 5

Согласно CanIUse.com , IE9 поддерживает box-shadow и border-radius.

Я не пробовал с box-shadow, но я могу определенно ручаться за эторабота с border-radius

Наиболее вероятная причина того, что он не работает, заключается в том, что вы работаете в режиме совместимости с IE8 (или даже с совместимостью с IE7).Это заставит IE9 отбросить все новые функции и будет претендовать на более старую версию.

Самый быстрый способ проверить, является ли это проблемой, - нажать F12 , чтобы открыть окно инструментов разработчика IE,Это отобразит режим рендеринга в верхнем правом углу.

Если это рендеринг в режиме совместимости, вы можете изменить его здесь.Вы также можете добавить метатег в верхнюю часть кода, чтобы заставить ваш сайт использовать новейший режим IE.Если это происходит для каждого сайта, возможно, вам придется изменить настройки браузера.

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

Answer 6

Должно работать (насколько я знаю - позже запустим некоторые симуляции). В то же время вы можете проверить CSS3 PIE (http://css3pie.com), который улучшает IE рендеринг свойств CSS3 (не совсем IE рендеринга, но достаточно близко).