Hi, I need to display an inline popup, what I'm trying to do is create
a container div that fits the whole page (width:100%, height:100%)
with black background and 70% opacity, and on top of it, the div
containing the popup. The problem is that the inner div is also
displayed with opacity, and I need to display it without it, so that
the text in it can be clearly visible.
/*** container ***/
#popupbg
{
width:100%;
height:100%;
background-color:#000;
opacity:0.7;
filter:alpha(opacity=70);
display:none;
position:fixed;
left:0;
top:0;
z-index:100;
text-align:center;
}
/**** margin div ***/
#farmpopup
{
opacity:none;
width:300px;
height:300px;
background-color:#000;
padding:20px;
margin:0 auto;
z-index:110;
text-align:left;
}
/*** text container div ***/
#farmdata
{
width:280px;
height:280px;
padding:10px;
background-color:#fff;
z-index:120;
overflow:auto;
}
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
