CSS transparency

[Markpyro]

http://pyrom.net/index2.php

I have the transparent box, but I want the text inside to be completely opaque. As you can see in my code:

.transbox { // Actual transparent box where opacity is set lower
width: 600px;
height: 700px;
margin: 50px 200px;
background-color: #67BDF9;
border: 1px solid black;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
.transboxcontainer { //for text, a div inside transparent box, opacity reset
padding: 20px;
line-height: 300%;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}
I undo the opacity changes by making the characters at 100 again. Why are they still transparent?

-MP


http://pyrom.net/sigs/manual/hr.png
http://pyrom.net/sigs/manual/sigimage.png
*http://pyrom.net/test/blamecountimage.php*http://pyrom.net/test/lastblameimage.php*
http://pyrom.net/test/blameclick.png (http://pyrom.net/test/blame.php)

[Markpyro]

meh. Nevermind. I just used a div outside of the transparent box.



http://pyrom.net/sigs/manual/hr.png
http://pyrom.net/sigs/manual/sigimage.png
*http://pyrom.net/test/blamecountimage.php*http://pyrom.net/test/lastblameimage.php*
http://pyrom.net/test/blameclick.png (http://pyrom.net/test/blame.php)

[Neo]

To answer your question the transparency can't be done in that way. You can however position a div over the top of the transparent element to get the same effect.

-Neo

[gregleo2]

If thi is for the text, then you may be able to just use a simple HTML line color code. But opaque? Why?