I'm trying to get the container DIV transparent while keeping all of the other DIVs on it solid. Any ideas? I thought this would work but so far no luck:
#container {
width: 95%;
background: #BBBBBB;
border: 1px solid #A83B40;
color: #000000;
margin: auto auto;
padding: 20px;
text-align: left; /* IE 5 fix */
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.75;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
filter:alpha(opacity=100); /* IE's opacity*/
opacity: 1;
}
Just use a PNG background image with the transparency you want. Or use CSS3 color syntaxis, which allows transparency.
Oh wow, when I was looking for the answer I noticed some people suggesting PNG images but it didn't click until now.
Here's my suggestion: make a PNG transparency image as combus said, and when you have something you like, take a printscreen, and with some colour picker (I use photoshop for colour picking) pick the container colour. So you won't need to have an image, and the effect is still the same. And the site won't need to load another image, so..
I figured it out, thanks.