Question

我正在使用以下脚本为我的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 是获得不透明度的关键。

Answer 1

试试这个：

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

Answer 2

试试这个：

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

Fancybox Overlay Helper在IE8中不起作用

2 个答案: