Javascript Fancybox覆盖帮助程序不'；我不在IE8工作

我正在使用下面的脚本为我的fancybox创建一个覆盖层。它在firefox和safari上运行良好，但在IE8中不起作用

helpers:  {
  overlay : {
   css : { 
   'background' : 'rgba(0, 0, 0, 0.5)',
   }}
},

我知道IE8及以下版本不支持rbga，所以我在下面尝试了，但得到了javascript错误

    helpers : { 
        overlay : { 
            css : {
            'background' : 'rgba(0, 0, 0, 0.5)',
            'filter':'progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6000000,endColorstr=#00000000,GradientType=0)'
                }
     }} 

谢谢下面的帮助，我让它工作了。已将脚本更新为工作版本。请注意，GradientType=0是获得不透明度的关键。

尝试以下操作：

helpers:  {
        overlay : {
            css : { 
            'background' : 'rgba(0, 0, 0, 0.5)',
            '-ms-filter' : 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2727,endColorstr=#1a82f7)'
            }
        }
}

helpers : { overlay : { 
css : {'filter':'progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2727,endColorstr=#1a82f7)',
'zoom': '1',
'background' : 'rgba(0, 0, 0, 0.5)'
         }
         }

试试这个：

helpers:  {
        overlay : {
            css : { 
            'background' : 'rgba(0, 0, 0, 0.5)',
            '-ms-filter' : 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2727,endColorstr=#1a82f7)'
            }
        }
}

helpers : { overlay : { 
css : {'filter':'progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F2727,endColorstr=#1a82f7)',
'zoom': '1',
'background' : 'rgba(0, 0, 0, 0.5)'
         }
         }

---

它是否在控制台和硬件中显示有关其他浏览器的任何错误？请确保您的浏览器以IE8标准模式呈现。您也可以尝试只使用

过滤器

，而不使用上述代码中的

-ms过滤器

。