2011-08-12 58 views
1

我會盡我所能解釋這一點。 =>Fancybox和Transparency

我正在使用Fancybox,一切都很好。問題來了。我有一個半透明的圖像。當圖像被加載而不是看到圖像所在的背景的一部分時,則存在背景顏色。有沒有辦法讓背景(圖片背後)透明?我不是指重疊。我指的是直接背後的形象。

感謝您的任何幫助和建議。

下面是的fancybox代碼:

<script type="text/javascript" > 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function(){ 

     Engine.Initialize(); //This line is for other JS - not fancybox 

    $j("#start").fancybox({ 
    'padding' : 0 
    }); 
    }); 
</script> 

Here is the screenshot showing what I am referring to.

編輯 更新了我與頁面進行自交和添加問題的截圖一對夫婦的變化代碼。

回答

2

嘗試......

$j("a.fancybox").fancybox({ 
    onComplete: function() { 
     $('#fancybox-outer').css('opacity', '0.4'); 
    } 
}); 

......或者......

#fancybox-outer { 
    opacity: .4 !important; 
} 
+0

這使整個圖像透明不是背景。我添加了屏幕截圖和更新後的代碼(自發布後,我對頁面進行了一些更改) – L84

+0

@ UBhapE2繼承CSS中的不透明度。最簡單的方法是將'#fancybox-outer'的背景改爲半透明的PNG。 – alex

+0

就是這樣!這是最後的代碼,很好用! :#fancybox-outer {background:transparent url('../ images/skin/fancybox-transparent.png')repeat 0px 0px!important; \t \t} – L84