Posso vedere nei riferimenti CSS come impostare la trasparenza dell'immagine e come impostare un'immagine di sfondo. Ma come posso combinare questi due per impostare un'immagine di sfondo trasparente?
Ho un'immagine che vorrei usare come sfondo, ma è troppo luminosa - vorrei abbassare l'opacità a circa 0.2. Come posso farlo?
#main {
background-image: url(/wp-content/uploads/2010/11/tandem.jpg);
}
#main {
position: relative;
}
#main:after {
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
background-image: url(/wp-content/uploads/2010/11/tandem.jpg);
width: 100%;
height: 100%;
opacity : 0.2;
z-index: -1;
}
Due metodi:
<div>
che sia posizione: assoluto;
prima di #main
e la stessa altezza di #main
, poi applicare l'immagine di sfondo e opacity: 0.2; filter: alpha(opacity=20);
.