Problema trasparenza

[BlackFenix06]

Salve a tutti, vorrei un piccolo aiuto sul il mio sito:

http://blackfenix06.altervista.org/index.html

Questo è il file css:

body {margin:0; font-size:11px; line-height:16px; font-family:Arial, Tahoma, Helvetica, sans-serif; background:#000 url("images/321503.jpg") no-repeat center fixed; color:#FFFFFF;}
a {color:#fdc605; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}
h1 {font-size:24px; font-weight:bold; font-style:italic; color:#96ff00;}

#container {width:960px; margin:0 auto; opacity: 0.6;}

#header {background:url(images/head_bckg.jpg) no-repeat #000000; height:186px;}
#logo {padding:40px 25px; width:215px; float:left; text-align:center;}
#logo a {color:#FFFFFF; text-decoration:none; font-size:16px; text-transform:uppercase;}
#head {float:right; width:690px;}
#head p {font-size:10px; color:#999999; line-height:10px; margin:0; padding:0 20px;}
#head ul {list-style:none; padding:0; margin:30px 0; height:75px;}
#head ul li {float:left; padding:0 18px;}
#head a {display:block; width:192px; height:48px; color:#FFFFFF; text-decoration:none; background:url(images/text_top_bckg.jpg) no-repeat; text-transform:uppercase; text-align:center; padding-top:28px; font-size:15px;}
#head a:hover {background:url(images/text_top_bckg_over.jpg) no-repeat;}

#main {background:url(images/textarea_bckg.jpg) no-repeat #000000; float:left; width:100%; min-height:250px;}
#menu {float:left; width:215px; padding:25px;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu a {font-size:14px; font-style:italic; text-decoration:none; color:#FFFFFF; display:block; width:180px; height:20px; padding:5px 10px 0 10px; border-bottom:1px solid #4c4c4c; text-transform:lowercase;}
#menu a:hover {background-color:#1c1c1c;}
#text {padding:15px 20px 20px 290px;}

#footer {background:url(images/footer_text.jpg) no-repeat #000000; height:16px; color:#858383; font-size:11px; padding:59px 30px 0 30px; clear:both;}
#left_footer {float:left;}
#right_footer {float:right;}

#bottom_center {width:960px; margin:0 auto; background:url(images/center_foot.jpg) no-repeat #000000; height:191px;}

Se notate il #container ha opacity: 0.6
Però le scritte si vedono poco...
Come faccio ad avere lo stesso risultato senza compromettere le scritte (ovvero che si vedano poco)?

[Mich_]

Anzitutto devi imparare ad usare i tag dei forum correttamente: il tuo codice e` illeggibile.

Comunque l'opacita` fa proprio "svanire" tutto il blocco.
Quello che chiedi e` di opacizzare lo sfondo, che si fa con gli attributi di sfondo:
background-color e corretti valori RGBA dello sfondo (v. ad esempio: http://www.w3schools.com/cssref/css_colors_legal.asp )
background-image (in questo caso l'immgine stessa deve essere semitrasparente)

[BlackFenix06]

Grazie per la tua risposta, ma non ho capito bene cosa dovrei fare...
Per quanto riguarda i tag, non sapevo quali dovevo mettere XD

[Mich_]

Non devi usare opacity e simili, ma:
- se usi un background-color usa invece un colore RGBA (dove A sta per l'opacita`) - vedi il link postato prima
- se usi un background-image devi modificare l'opacita` dell'immagine di sfondo (tipicamente con un applicativo di grafica)

Il codice va inserito tra i VB-tag [ code ] e [ /code ] (senza gli spazi)