Opacity che si ripete su tutti i div figlio

[LuckySevenRoX]

Salve, sto facendo degli esperimenti con i css con questa struttura:

<div id=a>
    <div id=b></div>
</div>

#a {
   width:100%; height: 100%; opacity: 0.3; background-color: #000000; 
}

#b {
   width:500px; height: 500px; background-color: #ffffff; 
}

il problema è che l'opacity 0.3 viene trasferita anche al div b, che invece vorrei visualizzare a "pieno colore".. ho provato anche a settare l'opacity su b ma non cambia niente.

Considerando però che dovrebbe essere un problema banale, prima di provare 1000 soluzioni astruse volevo chiedere a qualcuno se conosce il modo "ufficiale" (quindi poco incasinato) per risolvere questa cosa..

[ac_socmel]

soluzione banale: usa un'immagine trasparente

[LuckySevenRoX]

Originariamente inviato da ac_socmel
soluzione banale: usa un'immagine trasparente

sicuramente un bel trucchetto, ma se c'è un modo per risolvere in css sono più contento

[Mich_]

Il problema non sta nell'usare CSS o altro.

Il fatto e` che l'opacita` si ripercuote su tutti i figli, comunque tu la imposti.

Per impostarla solo sul background, una soluzione ti e` stata data, un'altra sfrutta i CSS3 e i colori RGBa (cerca nelle guide CSS3 con tale chiave, oppure fa' una ricerca nel forum con la stessa chiave).
Tieni presente che la soluzione RGBa non funziona con i browser un po' datati che ancora ci sono in circolazione (ad esempio IE6 e IE7, per IE8 non ricordo).

[LuckySevenRoX]

Ok allora grazie, volevo approfondire i CSS e credevo ci fosse una soluzione ad hoc, ma allora sfrutterò la buona idea dello sfondo trasparente! grazie!

[fcaldera]

se fai una ricerca nel forum troverai diverse decine di domande uguali alla tua (e relative soluzioni)