ciao a tutti, ancora una volta mi rivolgo alla comunità di html.it per un aiuto...
Da poco ho imparato a creare oggetti trasparenti con i css
codice:
filter:alpha(opacity=45);
-moz-opacity:0.45;
-khtml-opacity: 0.45;
opacity:0.45;
Io uso queste proprietà che mi garantiscono una buona compatibilità con i vari browser...
Il problema è il seguente: ho due div uno dentro l'altro...
Il primo è trasparente l'altro non dovrebbe esserlo ma mi eredità la proprietà del div genitore...

Esempio
codice:
<html>
  <head>
    <style>
      #div1{
        background-color: #605b5b;
        filter:alpha(opacity=45);
        -moz-opacity:0.45;
        -khtml-opacity: 0.45;
         opacity:0.45;
      }

      #div2{
        filter:alpha(opacity=100);
        -moz-opacity:1.00;
        -khtml-opacity: 1.00;
         opacity:1.00;
       }
    </style>
  </head>

  <body>
    <div id="div1">
      <div id="div2">ciao =)</div>
    </div>
  </body>
</html>
il risultato però è che entrambi i div sono trasparenti... come posso fare per risolvere il problema???