traer superponer poner otro frente fondo enviar encima elemento efecto div card bootstrap javascript jquery css event-listener

javascript - superponer - ¿No se puede hacer clic en el div superpuesto para que se pueda acceder al contenido a continuación?



superponer div css (4)

Estoy usando una superposición de JPG con una opacidad reducida para un efecto, sin embargo, lo quiero solo como efecto y hago que el contenido debajo de esa división sea accesible. Es posible, gracias :)))

Gracias a todos por sus comentarios. Supongo que tendré que pensar en otra cosa porque el JPEG cubre toda la página :)


No, no es. El elemento de superposición siempre interceptará el clic. Una posible solución es vincular un evento de click al elemento de superposición, y luego obtener la posición actual del mouse y compararla con la posición del elemento inferior para determinar si ese elemento debe registrar un clic o no. Pero lo más probable es que haya una manera mucho mejor de lograr esto. Sin ver tu código, sin embargo, no tengo forma de saberlo.


Si es posible

Use pointer-events: none junto con las declaraciones condicionales de CSS para IE11 (ya que no funciona en IE10 o inferior), puede obtener una solución compatible con todos los navegadores para lograrlo.

Usando AlphaImageLoader , incluso puede poner .PNG/.GIF transparentes en el div superposición y hacer que los clics se propaguen a los elementos que se encuentran debajo.

CSS:

pointer-events: none; background: url(''your_transparent.png'');

IE11 condicional:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=''your_transparent.png'', sizingMethod=''scale''); background: none !important;

Aquí hay una página de ejemplo básico con todo el código.


Un truco simple que he encontrado, aunque no muy w3c, es encapsular el div en un tramo y usar esa clase de tramo para hacer la superposición. De esa manera, todo se podrá hacer clic, y el div se comportará como un div