* Observação: esta é tecnicamente uma continuação de um protocolo postado anteriormente *
.fixed-container {
position: fixed
}
Um fixed
elemento ou contêiner (um elemento com uma fixed
posição que atua como um contêiner para elementos filhos ) não permitirá que você acesse os elementos abaixo dele. Na verdade, quase todos os elementos fazem isso, o que se torna um problema em certos casos.
Simplesmente definindo o pointer-events
de um elemento como none
, isso obviamente torna acessível o elementx abaixo de nosso elemento fixo.
.fixed-container {
position: fixed;
pointer-events: none;
}