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
Pues hay pointer-events:none;
pero solo algunos navegadores son compatibles con los navegadores modernos (y IE11).