jQuery的CSS不透明覆蓋

Question

我試圖創建裏面我是用jQuery的CSS function.Here一個彈出的代碼：

function Show_Popup(action, userid) { 
$('#content').css("opacity","0.7"); 
$('#window').fadeIn('fast'); 
$('#window').css("opacity","1.0");} 

這裏#window是＃content.Hence內部時，它「淡入」 ，它的不透明度也設置爲0.7，我試圖通過第三行代碼覆蓋。但它不工作。任何方法解決這個問題？謝謝。

Answer 1

使用

$('#content').css("opacity","0.7"); 
$('#window').fadeIn('slow', function() { 
     $('#window').css("opacity","1.0");} 
    }); 

你也可能要考慮$ .animate（）如果多數民衆贊成你在找什麼。

切記： CSS-Opacity正在鏈接。因此，即使#window擁有100％的不透明度，其母公司的70％不透明度也只有100％。 請參閱http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/，以解決駭客問題。

Answer 2

不幸的是，沒有辦法解決這個問題。至少，沒有整潔的方式。

請參閱，#window被設置爲#content的70％的100％。

解決此問題的唯一方法是讓#window不在#content之內，而是在之後/之上。

Answer 3

剛剛有一個更好的/不同的想法。

如果可以，請在#window上設置position: absolute。確保它不會導致流量問題，但如果你這樣做，那麼opacity不再鏈接。

Answer 4

使用fadeTo（）

$('#window').fadeTo('fast', 1.0);