“Como ter uma imagem de fundo com uma sobreposição de cores” Respostas de código

Como ter uma imagem de fundo com uma sobreposição de cores

/* Working method */
.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}
Adorable Addax

cor de sobreposição na imagem CSS

footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
Avenger

Respostas semelhantes a “Como ter uma imagem de fundo com uma sobreposição de cores”

Perguntas semelhantes a “Como ter uma imagem de fundo com uma sobreposição de cores”

Mais respostas relacionadas para “Como ter uma imagem de fundo com uma sobreposição de cores” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código