CSS Darstellungsproblem

Ich habe ein Problem beim Coding von CSS (Style).
Undzwar möchte ich den Background durchsichtig haben, jedoch ist
dann auch die Button die Texte usw. auch durchsichtig was mich stört.

Hier ist mein Code:

.container {
  background: #000000;
  height: auto;
  width: 350px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;   
  filter:alpha(opacity=45); 
  -moz-opacity: 0.45; 
  opacity: 0.45;
}

Und hier vom Html:

<div class="container">
        <br /><br />
        <?php echo htmlspecialchars($SubMsg); ?>
        <form action="index.php" method="post">
        <input type="text" name="Benutzername" placeholder="Benutzername"/><br />
        <input type="password" name="Passwort" placeholder="Passwort"/><br />
        <input type="submit" name="submit" value="Einloggen"/>
        </form> 
        <br />      
      </div>

Danke im vorraus

Zitat von SSL

Code

.container {
  background-color: rgba(0, 0, 0, 0.5);
  height: auto;
  width: 350px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}

Habe es schon anders gemacht trozdem danke (was neues gelernt)

Zitat von TuX

Syko.:
Ich habe deinen Beitrag wiederhergestellt, damit auch andere Personen von deiner Lösung profitieren können.

Danke habe Ich vergessen für die SuFu stehen zu lassen.