Foros del Web » Creando para Internet » CSS »

Problemas aplicando fondo css con "mix-blend-mode: multiply"

Estas en el tema de Problemas aplicando fondo css con "mix-blend-mode: multiply" en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 17/11/2020, 12:32
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 169
Antigüedad: 9 años, 3 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/
  #2 (permalink)  
Antiguo 17/11/2020, 18:22
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.772
Antigüedad: 12 años, 9 meses
Puntos: 1142
Respuesta: Problemas aplicando fondo css con "mix-blend-mode: multiply"

Debes separar los elementos

div.con-mix-blend-posicion-absoluta-zindex1
div.con-texto-pocision-relativa-zindex2



La zona horaria es GMT -6. Ahora son las 21:47.