2013-11-02 47 views
0

在「畫廊」上http://tuba-archery.com「的fancybox」燈箱未能出示深色背景

我沒有得到一個黑暗的背景,當我選擇圖片的排列的圖像。

我沒有觸及任何與不透明度有關的事情!

jquery.fancybox.css和jquery.fancybox.js是涉及的主要文件,我知道在這個階段,我的Javascript/jQuery的學習很少。這兩個文件相當長,我不知道如何附加或添加到滾動框中。

任何人都可以闡明如何修改javascript或css文件以獲得黑色背景?

回答

0

打開fancybox.css

行查找

.fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 8010; 
    /* background: url('fancybox_overlay.png');*/ change this line to 
    background: url('images/fancybox_overlay.png'); 

} 

你的圖像是在主文件夾images文件夾和CSS。你需要編輯所有url()在fancybox.css所有其他圖像工作

在style.css文件和負載的style.css添加

.fancybox-overlay { 
background: url('images/fancybox_overlay.png'); 
} 

fancybox.css後。這樣,在未來如果升級fancybox.css。變化將在那裏。

+0

這奏效了!謝謝。 – chome4

+0

你不;噸不得不修改原來的JS和CSS文件,因爲如果你升級,你會失去你的變化。您始終可以覆蓋自定義css文件中的默認設置。理想情況下,圖像的fancybox /精靈應該在同一文件夾下放置的css文件 – JFK

+0

@JFK感謝肯尼迪改了:) – Manish