Foros del Web » Creando para Internet » CSS »

Imagen que bloquea interacción con elementos

Estas en el tema de Imagen que bloquea interacción con elementos en el foro de CSS en Foros del Web. Hola a todos, Enhorabuena por esta magnifica comunidad que ayuda mucho a novatas como yo. Tengo un problema en una web. He añadido una imagen ...
  #1 (permalink)  
Antiguo 16/07/2011, 06:56
 
Fecha de Ingreso: julio-2011
Mensajes: 2
Antigüedad: 6 años
Puntos: 0
Imagen que bloquea interacción con elementos

Hola a todos,

Enhorabuena por esta magnifica comunidad que ayuda mucho a novatas como yo.

Tengo un problema en una web. He añadido una imagen igual de grande que la web en formato gif. Es una imagen transparente menos algunos detalles, como si fuera una máscara. El problema es que quiero tenerla por encima del resto de la web, pero entonces no me funcionan los menús ni elementos clickables por estar por debajo de la imagen.
¿Alguna idea para que quede por encima del resto de la web pero que no interfiera con su interaccionabilidad?
Utilizo HTML, CSS, PHP y javascript.

Muchas gracias,
Saludos.
  #2 (permalink)  
Antiguo 16/07/2011, 19:10
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 1 mes
Puntos: 1567
Respuesta: Imagen que bloquea interacción con elementos

marta_ub

asi como lo planteas, es sencillamente imposible.

Pero hay opciones dependiendo de que es lo que esa imagen esté "tapando", lo que llamás, menues y elementos clickeables.

Ej.
1.Hacer un mapa de la imagen en cuestión y definir zonas clickeables, incluso en las areas transparentes.

2.Fraccionar esa imagen en otras y convertirlas en fondos de los restantes elementos y combinarlos que en su conjunto muestren el efecto de la imagen original

Y debe de haber más, seguramente, todo pasa por que contienen esos otros elementos

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 18/07/2011, 07:30
 
Fecha de Ingreso: julio-2011
Mensajes: 2
Antigüedad: 6 años
Puntos: 0
Respuesta: Imagen que bloquea interacción con elementos

Hola, gracias por la respuesta.

Cuando comento lo de que no funcionan los elementos 'clickables' o menús, es como si pusieras en esta misma web p.e., una imagen que ocupase toda la pantalla pero transparente, de forma que no puedes hacer click en Responder, Citar, Preferencias ..., porque quedan situados por debajo de esta imagen.

La intención es sobre una página insertar comentarios y anotaciones (imagen .gif) que queden por encima, como cuando anotas con un boli algo por encima de una revista (la revista sería la web y los comentarios la imagen.gif).

Me interesaría que la imagen fuera bastante dinámica, se cambiará bastante a menudo, por lo que debería ser tan sencillo como cambiar la imagen y que funcionara sin tener que fraccionarla ni hacer cambios en el código.

A lo mejor es que simplemente no es posible hacerlo con las opciones de CSS.

Saludos.
  #4 (permalink)  
Antiguo 18/07/2011, 08:22
Avatar de vgonga1986  
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 9 años, 4 meses
Puntos: 252
Respuesta: Imagen que bloquea interacción con elementos

Cita:
Iniciado por marta_ub Ver Mensaje
A lo mejor es que simplemente no es posible hacerlo con las opciones de CSS.
Me da que vas a tener razón, nunca he visto algo parecido a lo que comentas.

Un saludo.
__________________
¿Alguna pregunta, duda, acotación, nota, cuestión, reparo, comentario, demanda, crítica, interpretación, objeción, interrogante, discrepancia, observación, réplica, disquisición, apostilla o exégesis?

Etiquetas: elementos, interacción, bloquear
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:29.