Merhaba arkadaşlar,

ben bir site tasarladım ancak site demo olarak sunuma girecek siteye giren kişinin sadece anasayfayı görmesinin sayfanın ön kısmında hafif karanlık bir alan olmasını ve üstüne coming soon yazmak istiyorum siteyi aşağı yukarı doğru indirebilecekler ama site içinde hiç bir buton v.s tıklanmayacak bu mümkün mü

Çözdüm ihtiyaci olupta buraya gelen olursa kodlar şu şekilde

<script type="text/javascript">$(document).ready(function() {
    $(".overlay, .overlay-message").show();
    
    $(".overlay-message").click(function() {
        $(".overlay, .overlay-message").hide();
    });
});</script>

<style type="text/css">.overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#000;
    opacity:0.8;
    display:block;
    z-index:1001;
}
.overlay-message{
    position: fixed;
    top:30px;
    left:30px;
    width:400px;
    height:250px;
    background-color:#fff;
    border:1px solid #000;
    opacity:1;
    z-index:1002;
    box-sizing:border-box;
    padding:100px 50px;
}</style>

<div class="overlay"></div>
  </div>