0

Buen dia amigos, tengo un problema, resulta que utilice una imagen svg para agregar un degradado a mi sitio web pero precisamente encima de esa imagen svg hay un texto y digamos si quisiera seleccionar el texto, la imagen svg no lo permite pues al hacer la seleccion tambien me reconoce la imagen svg. Ya he intentado agregando a la imagen svg con CSS las propiedades user-select:none y cambiando los z-index, pero sigue pasando lo mismo.

Comparto una imagen para que me entiendan mejor, el cuadro blanco es el borde de la imagen svg, lo hice para hacerla resaltar y que se fijen hasta donde llega la seleccion del texto. Lo que quiero es hacer como si no estuviera hay la imagen svg. Gracias

introducir la descripción de la imagen aquí

2
  • 1
    ¿Y si pones la imagen como fondo?
    – Juan
    Commented el 17 jul. 2021 a las 16:44
  • Es que de hecho tengo 4 degradados a lo largo del sitio web. La foto de ejemplo es el cuarto section. Commented el 17 jul. 2021 a las 16:53

1 respuesta 1

1

Sencillo, era con la propiedad

pointer-events: none

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.