Estoy tratando de aplicar un color negro transparente a una imagen de fondo para evitar colores fuertes o muy llamativos.
Sin necesidad de tener que editar la imagen con algún programa en especial.
He intentado aplicar este estilo:
background-color: rgba(0,0,0,0.8);
Pero no he tenido éxito.
Cómo logro que la imagen de fondo se aplique un color negro transparente, como una capa.
#image {
background-color: rgba(0,0,0,0.8);
background-image:url(http://www.gelfuzion.com/img/slides/nivo/bg-1.jpg);
height: 500px;
max-width: 100%;
}
<div id="image"></div>