jQuery CSS Undurchsichtigkeit zwingende

Question

Ich versuche, ein Popup zu erstellen, für die ich jQuery CSS benutze ist function.Here der Code:

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

Hier #Window innen # content.Hence ist, wenn es „blendet“ , seine Deckkraft ist auch auf 0,7 eingestellt, die ich versuche, über die 3. Codezeile zu überschreiben. Aber es funktioniert nicht. Irgendwie herum? Danke.

Answer 1

Verwendung

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

auch möchten Sie vielleicht $ .animate(), wenn das ist überlegen, was Sie suchen.

Erinnern Sie sich: CSS-Opacity verkettet. Also selbst wenn #Window eine Opazität von 100% hat sein nur 100% von der 70% Undurchsichtigkeit ihrer Mutter .. Siehe http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/ für eine hackish Abhilfe

Answer 2

Es gibt leider keine Möglichkeit. Zumindest keine saubere Art.

Siehe, #window wird auf 100% von #content 's 70% gesetzt.

Die einzige Möglichkeit ist #window nicht innerhalb #content, sondern danach/oben zu sein.

Answer 3

Gerade hatte eine bessere/andere Idee.

Wenn Sie können, setzen Sie position: absolute auf die #window. Stellen Sie sicher, dass es keine Probleme mit dem Fluss verursacht, aber wenn Sie das tun, dann kettet die opacity nicht mehr.

Answer 4

Verwenden fadeTo()

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