fancybox：不透明的問題

Question

am我正確的是，下面的語法/代碼不工作（了）？

$(".fancybox").fancybox({ 
    helpers : { 
     overlay : { 
      opacity : 0.9, 
      css : { 
       'background-color' : '#f00' 
      } 
     } 
    } 
}); 

檢查出來：http://jsfiddle.net/jRsjK/3375/

...但僅此？

$(".fancybox").fancybox({ 
    helpers : { 
     overlay : { 
      css : { 
       'background-color' : 'rgba(255, 0, 0, .9)' 
      } 
     } 
    } 
}); 

檢查出來：http://jsfiddle.net/jRsjK/3374/

Answer 1

如果您正在使用的格式rgba(255, 0, 0, .9)然後CSS屬性應該是background，不background-color在上面的示例代碼。然後你的腳本應該是這樣的：

$(".fancybox").fancybox({ 
    helpers : { 
     overlay : { 
      css : { 
       'background' : 'rgba(255, 0, 0, .9)' 
      } 
     } 
    } 
}); 

...看到JSFIDDLE（我設置一個較低的不透明度值，使之更加明顯）

記住，如果你不設置任何background屬性，fancybox將使用半透明.png圖片作爲背景（fancybox_sprite.png）。如果您設置了background-color屬性（如上面的示例中所示），仍然會使用精靈，並且可能會影響您正在查找的不透明效果。

這似乎是因爲版本2.1.x的移除了overlay的opacity API選項（上次使用的是v2.0.6）