Skip to main content
2 de 2
removeu 2 caracteres do conteúdo; título editado
Gilmar Santos
  • 1,4mil
  • 2
  • 16
  • 30

Como colocar uma camada colorida por cima de uma imagem?

div {
  background: #000;
  width: 640px;
  height: 640px;
  opacity: 0.2;
  position: absolute;
  z-index: 99;
}
<span>
  <div></div>
  <img src="https://scontent.cdninstagram.com/t51.2885-15/e15/11909170_999395153465997_38853384_n.jpg?ig_cache_key=MTA1NTI1MTUxNDA0OTkxNDkyMg%3D%3D.2" alt="">
</span>

Ilustração:

Foto sem fundo colorido:

inserir a descrição da imagem aqui

Foto com fundo colorido

inserir a descrição da imagem aqui

A minha gambiarra até funcionou, mas queria aprender do modo certo.

Gilmar Santos
  • 1,4mil
  • 2
  • 16
  • 30