jQuery Fancybox阴影未显示在IE7 / IE8中

Question

这是演示页面：

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

如您所见，在除IE7 / IE8之外的所有浏览器中，弹出窗口周围都有一个阴影。 谁能告诉我如何显示阴影？

Answer 1

Fancybox在IE7 / IE8中使用图像，因为它们不支持CSS阴影。

CSS通过ex链接到那些IMG文件。

.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并为不带盒阴影支持的浏览器添加一条规则，并为它们绘制边框。