Opacity + Div

[rafaeldorazio 2]

http://imageshack.us/photo/my-images/405/51479663.png/

 

 

A div é a que está dentro do quadrado preto na imagem.

Veja que a div está opaca. Como faço para ela não ficar opaca e fica por cima da opacidade ?

 

( div loading )
#loading{
   position: fixed;
   top: 50%;
   left: 50%;
}

( a classe abaixo é adicionada no body )
.startLoading 
{
   filter:alpha(opacity=20);
   opacity: 0.2;
   -moz-opacity:0.2;
}

[Marcos Xavier 189]

Tenta colocar um z-index nela.

Exemplo:

div#a{z-index:10;}
div#b{z-index:20;}

div#b ficará por cima de div#a já que tem um z-index com valor maior.

Ps.Pra funfar o z-index 'position' tem de estar definido no elemento,id ou classe etc

[rafaeldorazio 2]

Marcos, eu fiz da seguinte maneira:

 

div#loading{
   position: fixed;
   top: 50%;
   left: 50%;
   z-index:20;
}

 

E a div continuou com opacidade.

[Marcos Xavier 189]

Tenta assim:

div#loading{
   position: fixed;
   top: 50%;
   left: 50%;
   z-index:20;
   filter:alpha(opacity=90);
   opacity: 0.9;//quanto maior o valor menor a opacidade
   -moz-opacity:0.9;
//para ficar sem opacidade deixe 
//  opacity:0.9;
 //    filter:alpha(opacity=100);

}

[rafaeldorazio 2]

Marcos , está a mesma coisa da imagem do primeiro post.

[Marcos Xavier 189]

Posta o html e o css(somente a parte que interessa)

[rafaeldorazio 2]

body.startLoading 
{
   filter:alpha(opacity=20);
   opacity: 0.2;
   -moz-opacity:0.2;
   z-index: 10;
}


div#loading{
   position: fixed;
   top: 50%;
   left: 50%;
   z-index:20;
   filter:alpha(opacity=100);
   opacity: 1;
   -moz-opacity: 1.0;
}

 

Jquery:

 

 

            var createLoading = "";
           createLoading += "<div id='loading' > Carregando </div>";

           $("body").addClass("startLoading").append(createLoading);

[Willian Makoto 6]

body.startLoading

{

position:relative;

z-index: -1;

}

 

 

div#loading{

position: fixed;

top: 50%;

left: 50%;

z-index:20;

 

}