problemi con css, non mi vede il box

[ludoweb.it]

ho preso questo css da un esempio su un sito per fare un box colorato e trasparente ma quando lo riporto sul mio sito, non funziona.

#login_form
{
width:230px;
padding:10px;
width:200px;
margin-top:30px;
background: rgba(191,230,187,0.7);
border-radius:20px;
-webkit-box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.7);
box-shadow:  4px 4px 4px 4px rgba(0, 0, 0, 0.7);
}
 
div, ul, li 
{
margin: 0;
padding: 0;
}

#login_form div 
{
margin-bottom: 4px;
}

#form_label
{
text-align:left;
font-weight:bolder;
font-size:18px;
color:White;
}
div.homeLogin input
{
width:145px;
margin:0;
-webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}

a, a:visited
{
color:#9BEDFF;
font-weight:bolder;
text-decoration:none;
}
 
a:hover
{
color:#fff;
font-weight:bolder;
text-decoration:underline;
}

div.homeLogin input[type='submit']
{
display:block;
float:right;
margin-right:52px;
width:65px;
-webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.4);
background: #fff;
}

<div class="login_form">
     <form method="post" action="" id="homeLogin">
            
  <div>
   <span class="form_label"><label for="username">User</label></span>
   <input name="username" type="text" id="username" />
  </div>
  <div>
   <span class="form_label"><label for="password">Pass</label></span>
   <input name="password" type="password" id="password" />
  </div>
  <div>
   <span class="form_label">Sei un nuovo utente?</span> <a id="linkReg">Registrati ora</a>
            <input type="submit" value="Login" />
        </div>
        </form> 
   </div>

[ac_socmel]

per fare un box colorato e trasparente

dato che non lo spighi, presumo che il problema sia che non lo vedi né colorato né trasparente
prova

#login_form
{
background-color: rgba(191,230,187,0.7);
}

[ludoweb.it]

dato che non lo spighi, presumo che il problema sia che non lo vedi né colorato né trasparente
prova

#login_form
{
background-color: rgba(191,230,187,0.7);
}

si hai ragione non mi vede nulla. ho provato ma nulla continua a non vedere nulla

[ac_socmel]

beh nel css stabilisci la regola per un id
e nell'html dichiari una classe

login_fom

[ludoweb.it]

ok ho messo l'id hai ragione ho fatto un po' di confusione, mi prende il box, ma non i colori, ho provato a scrivere red e me lo prende, che sia un problema i IE 11???

[ac_socmel]

non credo,
mostra un link e spiga meglio ciò che succede e ciò che vorresti succedesse

[ludoweb.it]

non credo,
mostra un link e spiga meglio ciò che succede e ciò che vorresti succedesse

eccolo: http://uptiki.altervista.org/viewer....4zho0jvsf4.png il rosso è il mio, l'altro è quello dell'esempio!!!

[-Lebowski-]

@ludo
scusa se l'esempio è scarso non ho tempo devo andare a mangiare
http://jsfiddle.net/UX4A7/ aggiungile tu le cose in css se ti piace
dopo sennò te lo sistemo meglo

[-Lebowski-]

http://jsfiddle.net/Aq4V7/1/

[ludoweb.it]

ho provato il tuo codice e lo rimetto qui, nel login_form ho messo delle cose in più, perche deve essere centrato allo schermo, ma non mi vede nulla, vedo lo sfondo, vedo le caselle di testo, link e bottone ma non vedo il quadrato verde...comincio davvero a rinunciare...

body,html
{
    background:url(../images/sfondo-header1.jpg);
    background-size: 100% 600px;
    height:100%;
    margin:0;
    padding:0; margin:0; 
    color:#fff; 
    font-family:Verdana,Sans;
    font-size:11px; 
    
}

.login_form 
{
    width: 220px;
    height: 148px;background-color: rgba(0, 148, 100, 0.67);
    padding: 12px 0px 0px 0px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-140px;
    margin-left:-140px;
}
form 
{
    margin: 0px;
}

.username-label {margin: 0px 0px 0px 7px;}
.password-label {margin: 0px 0px 0px 8px;}

.form_label {
    text-align: center;
    display: block;
    margin: 6px auto 0px auto;
}
#linkReg {
    display: block;
    text-align: center;
    margin: 6px auto 0px auto;
}
.login-button {
    display: block;
    margin: 8px auto 0px auto;
}

.login_form, #username, #password {box-shadow: 2px 2px 5px 1px black;}
#container
{
     height:100%;  
}

<form id="homeLogin" runat="server" action="" method="post">
<div class="login_form">
            <div>
                <span><label class="username-label" for="username">User</label></span>
                <asp:TextBox runat="server" id="Text1" Width="100" />
            </div>
            <div>
                <span><label class="password-label" for="password">Pass</label></span>
                <asp:TextBox runat="server" id="password1" TextMode="Password" Width="100"  />
            </div>
            <div>
            <span class="form_label">Sei un nuovo utente?</span>
                <asp:LinkButton ID="A1" runat="server" onclick="linkReg_Click">Registrati ora</asp:LinkButton>
                <asp:Button cssclass="login-button" ID="btnLogin" runat="server" Text="Login" onclick="BtnLogin_Click" />
            </div>
        </div>
</form>