I would like to know how to add "effects" to show and hide, I tried adding it to my code but I did not succeed. I tried to show only a common div with class in css that gave the appearance that the image below has, but it stays behind other elements, it does not stay on the whole screen as it has to be.
When I say effect I mean a transparent background that takes the whole screen and only appears this white div in the middle with the content, you click on a question on the site and open this div with the answer
<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">
<div style="margin: auto;width: 50%;height: 300px;background: #fff;">
conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla
</div>
</div>