在IE7 / IE8中不显示Jquery Fancybox阴影

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不支持该属性。请参阅support matrix。回退的一种方法是使用Modernizer并为没有盒子阴影支持的浏览器添加规则，并为它们绘制边框。