css - Cliquez sur div pour les éléments sous-jacents

Mots clés : cssclickmouseeventlayercss

meilleur 4 Réponses css - Cliquez sur div pour les éléments sous-jacents

vote vote

95

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

86

pointer-events: none;  
pointer-events: auto;  
.parent {   pointer-events:none;         } .child {   pointer-events:auto; }
<div class="parent">   <a href="#">I'm unresponsive</a>   <a href="#" class="child">I'm clickable again, wohoo !</a> </div>
vote vote

71

var range-selector= $("")     .css("position", "absolute").addClass("range-selector")     .appendTo("")     .click(function(e) {         _range-selector.hide();          $(document.elementFromPoint(e.clientX,e.clientY)).trigger("click");     }); 
vote vote

68

$('#elementontop').click(e => {     $('#elementontop').hide();     $(document.elementFromPoint(e.clientX, e.clientY)).trigger("click");     $('#elementontop').show(); }); 

Questions similaires