更改fancybox2背景顏色

我試圖將fancybox2的背景顏色從黑色更改爲藍色，但我不能像有時我可以更改它，但彈出窗口也變得透明，而其他一些則沒有工作。更改fancybox2背景顏色

這是我到目前爲止已經試過：

選項1：（不改變顏色）

beforeShow: function() { 
       $(".fancybox-overlay").css({ 
        "backgroundColor": '#FFFFFF', 
        "backgroundImage": 'none' // optional if you prefer a solid color 
       }); 
      },

選項2：

helpers : { 
     overlay : { 
      opacity : 0.4, 
      css : { 
       'background-color' : '#1E72B2' 
      } 
     } 
    }

我現在看到它使用了背景圖片，唯一的方法應該是創建一個新的背景圖片？

任何想法，我可能做錯了什麼？謝謝！吉列爾莫。

來源

2012-12-28 polonskyg

爲什麼我得到-1？!!!有什麼方法可以檢查原因嗎？是一個技術問題！ – polonskyg

所以，它工作？ – JFK

肯尼迪，我試過你的解決方案，但沒有奏效。我最終做的是改變fancybox2用於疊加的fancybox_overlay.png。當然，我保持透明度。謝謝反正！ – polonskyg

JFK，我想你的解決方案，但沒有奏效。我最終做的是改變fancybox2用於疊加的fancybox_overlay.png。當然，我保持透明度。不管怎麼說，多謝拉！

來源

2013-01-05 20:26:38 polonskyg

選項1：（正常工作）

$(".fancybox").fancybox({ 
    beforeShow: function() { 
     $(".fancybox-overlay").css({ 
      "backgroundColor": "#FFFFFF", 
      "backgroundImage": 'none' // optional if you prefer a solid color 
     }); 
    } 
});

見DEMO在你的榜樣

編輯：DEMO更新，以匹配藍色

選項2：（正常工作太）

$(".fancybox").fancybox({ 
    helpers: { 
     overlay: { 
      opacity: 0.4, // this make the color transparent. set to 1 for solid color 
      css: { 
       'background': '#1E72B2' 
      } 
     } 
    } 
});

見DEMO

...所以不知道是什麼，你做錯了，但這裏有一些東西，你可以檢查：

檢查您的語法（複製/粘貼從演示比較）
請確保您的文檔中有合適的DOCTYPE
請確保您正在加載所有文件（檢查路徑），特別是fancybox css文件（sprite圖像應該與css文件位於同一目錄中）
加載jQuery的單個實例，然後加載其餘的js文件

確保您的自定義腳本是.ready()方法裏面一樣：

$(document).ready(function(){ 
    $(".fancybox").fancybox(); 
});

來源

2012-12-28 15:56:24 JFK

更改fancybox2背景顏色

回答

相關問題