Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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, eu fiz da seguinte maneira:
div#loading{
position: fixed;
top: 50%;
left: 50%;
z-index:20;
}E a div continuou com opacidade.
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;// opacity:0.9;
// filter:alpha(opacity=100);
}Marcos , está a mesma coisa da imagem do primeiro post.
Posta o html e o css(somente a parte que interessa)
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);body.startLoading
{
position:relative;
z-index: -1;
}div#loading{
position: fixed;
top: 50%;
left: 50%;
z-index:20;
}
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