Como colocar uma div sobreposta no site, e conseguir clicar nos links abaixo


Saiba como colocar uma div sobreposta ao site, e conseguir clicar nos links abaixo.

Você vai usar z-index e pointer-events

<style>
#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
    
    pointer-events: none
 }
 </style>

<div id="bottom">
    <a href="javascript:alert('Finished!')">SubM</a>
    <a href="javascript:alert('click 30px to the left, below the red square')">IT</a>
 </div>

<div id="top"> </div>

 

Categoria: css | Tags: , , | Postado por joemaster em 09/mar/2023

<< Anterior

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *