Skip to main content
se añadieron 147 caracteres en el cuerpo
Origen Enlace

Quiero aplicarle un color de fondo sobre la imagen, lo he intentado de la siguiente manera:

img::before {
  background: linear-gradient(to right, rgba(44,62,80, 7), rgba(44,62,80, 7));
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
} 

<div class="carousel-item active">
  <img class="d-block w-100" src="/img/games/bg.jpg" alt="" width="800" height="550" />
</div>

Pero no funciona, ¿Como podría resolverlo?

Quiero aplicarle un color de fondo sobre la imagen, lo he intentado de la siguiente manera:

img::before {
  background: linear-gradient(to right, rgba(44,62,80, 7), rgba(44,62,80, 7));
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
}

Pero no funciona, ¿Como podría resolverlo?

Quiero aplicarle un color de fondo sobre la imagen, lo he intentado de la siguiente manera:

img::before {
  background: linear-gradient(to right, rgba(44,62,80, 7), rgba(44,62,80, 7));
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
} 

<div class="carousel-item active">
  <img class="d-block w-100" src="/img/games/bg.jpg" alt="" width="800" height="550" />
</div>

Pero no funciona, ¿Como podría resolverlo?

Origen Enlace

¿Como poner un color de fondo sobre una etiqueta img?

Quiero aplicarle un color de fondo sobre la imagen, lo he intentado de la siguiente manera:

img::before {
  background: linear-gradient(to right, rgba(44,62,80, 7), rgba(44,62,80, 7));
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
}

Pero no funciona, ¿Como podría resolverlo?