Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2020, 12:32
Avatar de WebSalvador
WebSalvador
 
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 8 meses
Puntos: 2
Problemas aplicando fondo css con "mix-blend-mode: multiply"

En mi página de https://www.ancro.com.pe/ debajo del slider en los 6 banner yo he aplicado el siguiente código css:

Código HTML:
.banner-mask .wrapper-content-banner {
    background-color: rgba(0, 48, 82, 0.8);
    mix-blend-mode: multiply;
}
El problema resulta que el titulo blanco también se le aplica el efecto y no se ve bien, como puedo evitar que el titulo se vea normal, he intentado al div del titulo aplicar el efecto contrario: mix-blend-mode: normal; pero por más que intento formas de resolverlo no lo he logrado, espero me puedan apoyar en resolverlo.

Tambien en el slider tengo el problema que no se aplica el efecto en la parte inferiordel slider en forma degradada azul hay una sombra que por más que le aplico: mix-blend-mode: multiply; no se muestra el efecto.

POdrian apoyarme les estaré muy agradecido. Muchas gracias.
__________________
Studio Web Salvador http://www.acuarel.pe/