Тени Jquery Fancybox не отображаются в IE7 / IE8

Question

Вот демонстрационная страница:

http://www.scirra.com/stuff/startpage.html

Как вы можете видеть, всплывающее окно окружено тенью во всех браузерах, кроме IE7 / IE8.Может кто-нибудь сказать мне, как я могу получить тень для отображения?

Answer 1

Fancybox использует изображения в IE7 / IE8, потому что они не поддерживают тени CSS.

CSS ссылаются на эти файлы IMG с помощью ex.

.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

Попробуйте изменить путь на fancy_shadow_nw.png, поскольку они находятся в том же каталоге, что и файл CSS.

Answer 2

Плагин должен использовать свойство CSS 3 box-shadow, которое IE7 / 8 не поддерживает.См. матрицу поддержки .Один из возможных вариантов - использовать Modernizer и добавить правило для браузеров без поддержки box-shadow, а для них вместо этого рисовать границы.