Well I am trying to add the same on a site of mine. With not success so far. I made a content area and images are floating behind it using javascript. Could someone maybe have a look and tell me what I did wrong. I have been at it for some time now. Fonts are still transparent. I only want the background to be transparent. Maybe I am too tired.... ;-) Here is the css code that is the problem (iI did not paste the entire stylesheet):
CODE
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#fff;
background-image:url(images/topbck.gif);
background-repeat:repeat-x;
color:#666;
margin:0;
padding:0;
overflow:hidden;
}
div#huls {
margin:auto;
width:60%;
}
div#container{
position:absolute;
width:800px;
height:100%;
margin:auto;
z-index:1002;
background-color: white;
opacity: 0.8;
filter:alpha(opacity=50); !important
}
div#background {
float:left
width:750px;
height:100%;
z-index:1002;
background-color: white;
}
div#lipsum{
font-family:Arial, Helvetica, sans-serif;
float:left;
padding:10px;
margin:auto;
width:100%;
height:100%;
color:#0066FF;
z-index:1003;
}
#header{
width:800px;
height:30px;
z-index:1002;
height:69px;
float:left;
margin:0;
color:#0066FF;
}