Fancybox - 如何使任何開箱黑色？

我對Fancybox瞭解不多，而且我對所有的文件感到困惑。我想我有一個簡單的問題，但我似乎無法在網上找到答案。一定非常容易，沒有人會問，或者我不擅長在線搜索。Fancybox - 如何使任何開箱黑色？

我正在使用fancybox和iframe，並且想知道我怎麼能把那些在fancybox之外的東西全部變成黑色？我只想讓iframe可見，或者可以讓外部90％爲黑色。我會在哪裏做這件事？在什麼文件中？有這麼多文件。

我還有一個問題。如何通過點擊任何位置來關閉iframe？我記得起初是這樣的，然後我改變了它，只是通過點擊X來關閉。我不記得我修改了哪個文件。：/

謝謝！

來源

2012-04-12 Guillermo Moreno

如果您正在使用fancybox V2

您可以在該文件中看到：jquery.fancybox.css

查找：

/* Overlay helper */ 

#fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 1001; 
    background: #000; 
}

地址：

opacity: 1 !important;

不透明度是雙倍的價值，所以如果你想90％的不透明度是：0.90

來源

2012-04-12 18:19:15

非常感謝！我使用的是Fancybox 1.3.4，它的工作原理，即使改變背景顏色，顏色也是灰色的。也許背景是爲了別的東西呢？ – 2012-04-12 19:45:09

如果要覆蓋它，則需要將！important語句添加到背景中。 – 2012-04-14 21:20:39

假設你開的fancybox與HTML類似：

<a href="page.html" class="fancybox">open page</a>

無需修改任何文件，只是（對的fancybox V1.3.4）添加正確的選項，例如自定義腳本：

$(".fancybox").fancybox({ "overlayColor": "#000", // here you set the background black "overlayOpacity": 1, // here you set the transparency of background: 1 = opaque "hideOnOverlayClick": true, // if true, closes fancybox when clicking OUTSIDE the box "hideOnContentClick": true, // if true, closes fancybox when clicking INSIDE the box "type": "iframe" // the type of content : iframe for external pages "width": 640, // if type=iframe is always smart to set dimensions "height": 320 });

注意Boolean和/或integer值不應有引號

對於其他選項read the documentation

來源

2012-04-13 01:03:08 JFK

Fancybox - 如何使任何開箱黑色？

回答

相關問題