Fancybox Overlay Helper在IE8中不起作用

我正在使用以下腳本爲我的fancybox設置疊加層。它在firefox和Safari瀏覽器上工作正常，但在IE8中不起作用。Fancybox Overlay Helper在IE8中不起作用

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

我知道rbga不支持在IE8和以下，所以我嘗試了下面，但得到的JavaScript錯誤。

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

對Thx幫助下面我得到它的工作。將腳本更新爲工作版本。注意GradientType = 0是獲得不透明度的關鍵。

來源

2014-04-11 Jan

試試這個：

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

來源

2014-04-11 18:25:52 comrade

它不工作。在IE8中依然沒有覆蓋。謝謝。 – Jan

它是否顯示控制檯和其他瀏覽器中的任何錯誤？ – comrade

確保您的瀏覽器呈現在IE8標準模式下。你也可以在上面的代碼中試試'filter'而不是'-ms-filter'。 – comrade

試試這個：

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

來源

2014-04-11 19:48:22

Fancybox Overlay Helper在IE8中不起作用

回答

相關問題