CSS ile Overlay kodu

Yepkoo

Yepkoo
Yönetici
Aşağıdaki CSS kodunu, bir buton tıklaması veya herhangi bir amaçla site üzerinde herhangi bir işlem yapılmasını engellemek için kullanabilirsiniz.

CSS:
.overlay {
 /*display:none*/
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

JavaScript:
//CSS Kodunu aktif etmek için;
$("body").addClass("overlay")

//CSS Kodunu kapatmak için;
$("body").removeClass("overlay")
 
Üst