Opacity

balla

Nuovo Utente
20 Ott 2013
1
0
0
Salve a tutti.
Sono uno studente di informatica e mi hanno dato il compito di creare una pagina con html 5.
Come sfondo ho messo una bella immagine quindi, siccome uno degli obbiettivi di questo esercizio era usare i tag <header>, <nav>, <aside> e <footer> volevo metterli un po' trasparenti così da poter vedere anche lo sfondo.
Il problema è che io voglio solo l'header trasparente e non il testo.
Come posso fare?
Questo è il pezzo di codice css dell'header:

header{
font-family:"Corbel";
font-size:20px;
color:#FF3300;
height:100px;
background:#999999;
opacity: 0.5;
border-style:solid;
border-color:#FF0000
}
 

edin

Utente Attivo
7 Nov 2013
92
0
6
www.edinweb.altervista.org
Ciao, prova così:
HTML:
header{
font-family:"Corbel";
font-size:20px;
color:#FF3300;
height:100px;
background-color: rgba(153, 153, 153, 0.5);
border-style:solid;
border-color:#FF0000
}