ORDENACAO DE CONTEUDO NA DIV
questão é seguinte: montei a seguinte estrutura da Master Page como também sua referida CSS, só que ao exibir a pagina o conteúdo dela fica tipo ilegÃvel ou esfumaçado, tipo acompanhando a opacidade da div principal.
como q eu trago todo o conteúdo pra frente de modo que a div opaca fique sempre por baixo?
Estrutura da Master
Citação:
<%@ Master Language=[Ô]C#[Ô] AutoEventWireup=[Ô]true[Ô] CodeBehind=[Ô]Site1.master.cs[Ô] Inherits=[Ô]WebApplication1.Site1[Ô] %>
<!DOCTYPE html PUBLIC [Ô]-//W3C//DTD XHTML 1.0 Transitional//EN[Ô] [Ô]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[Ô]>
<html xmlns=[Ô]http://www.w3.org/1999/xhtml[Ô]>
<head runat=[Ô]server[Ô]>
<link href=[Ô]StyleSheet1.css[Ô] rel=[Ô]stylesheet[Ô] type=[Ô]text/css[Ô] />
<title>SINDICATO SINFESPU</title>
</head>
<body>
<img src=[Ô]img/backgrnd.png[Ô] id=[ô]bg[ô] />
<form id=[Ô]form1[Ô] runat=[Ô]server[Ô]>
<div id=[ô]conteudo[ô]>
<div id=[ô]principal[ô]>
<asp:ContentPlaceHolder ID=[Ô]ContentPlaceHolder1[Ô] runat=[Ô]server[Ô]>
</asp:ContentPlaceHolder>
</div>
</div>
</form>
</body>
</html>
CSS
Citação:
*{margin:0;padding:0;}
html, body
{
height:100%;
overflow:hidden;
}
#bg
{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
z-index:0;
}
#conteudo
{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:1;
overflow:auto;
}
#principal
{
width:950px;
height:100%;
margin:0 auto;
background:#fff;
opacity:0.5;
}
quero apenas que a area de conteudo da master fique sempre por cima das demais.
caso alguem tenha outra ideia de como deixar uma div opaca por baixo das outras, eu agradeço.
Peguei minha folga hoje pra juntar com o feriado amanha e ver se consigo colocar meu pouco conhecimento em prática, pois ainda nao tinha tentado desenvolver nada em C#. Ainda to enganchado aqui ja tentei varias taGs e nada. Tlvez seja coisa bem boba mas nao to enxergando
Sem falar q ainda to com modem emprestado... afff!!
ex:
*{margin:0;padding:0;}
html, body
{
height:100%;
overflow:hidden;
}
#bg
{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
z-index:0;
}
#conteudo
{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2;
overflow:auto;
}
#principal
{
width:950px;
height:100%;
margin:0 auto;
background:#fff;
opacity:0.5;
z-index:1;
}
#principal
{
width:950px;
height:100%;
margin:0 auto;
background:#fff;
opacity:0.5;
clear: both;
}
to anexando o projeto se alguem tiver um minutinho ae.
obs. tenho de devolver o modem ás 6.
pelo que vi vc removeu a opacity, porém eu quero que a div conteudo fique com opacidade.
haveria uma outra forma de deixar a div semi-transparetne ao centro? parece que o novo padrao nao tem, pelos menos vs2010 nao vi.