的Jquery的fancybox影子在IE7/IE8不顯示

Question

這裏的演示頁：

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

正如你可以看到彈出在IE7除外/ IE8瀏覽器每次它周圍的陰影。任何人都可以告訴我如何讓陰影顯示出來嗎？

Answer 1

Fancybox在IE7/IE8中使用圖像，因爲它們不支持CSS陰影。

CSS正在鏈接到那些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併爲瀏覽器添加無框陰影支持的規則，並且爲它們繪製邊框。