Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Vejam bem, galera... Boa tarde...
tenho duas DIVs... uma que ocupa toda a tela com opacidade, para desabilitar que o usuário fique mexendo na página ao fundo, e outra que seria como se fosse um popup... vejam o código simplificado...
CSS...
CODE
body
{
margin:0;
}
.popup_1
{
border:1px solid #003366;
background-color:#FFFFFF;
position:fixed;
z-index:4;
top:50%;
left:50%;
width:200px;
height:200px;
margin-left:-100px;
margin-top:-100px;
text-align:center;
}
.div_desabilita_pagina
{
width:100%;
height:100%;
border:1px solid #0C419A;
background-color:#FFFFFF;
position:fixed;
z-index:3;
opacity:0.8;
*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.input1
{
font-size:10px;
border:1px solid #0099CC;
}
DIVs...
CODE
<div id="popup_1" class="popup_1">
<p>
Não aparece foco no firebug... PQ?
<p>
<input type="text" size="35" class="input1" />
</div>
<div id="div_desabilita_pagina" class="div_desabilita_pagina"></div>
Porém, se vcs notarem, no firefox não aparece o cursor(foco) no campo para digitar um texto... no Ieca funciona... alguém pode me ajudar??? grato
Carregando comentários...