เรื่องมีอยู่ว่า อยากเปิดหน้าเว็บไซต์ไว้ แต่ไม่ต้องการให้ผู้ใช้ (User)ใช้งานเว็บไซต์ได้ จึงคิดวิธีที่ง๊ายง่าย สุดแสนธรรมดา สไตล์คนขี้เกียจ ซึ่งผลลัพธ์ได้ผล แต่วิธีการอาจจะไม่ดีหรือไม่ถูกต้อง ทำอย่างไรมาดูกัน
วิธีการคือ เพิ่ม code 2 จุด ในหน้าแรก (index)
- header => สำหรับสั่ง reload หน้าเว็บไซต์
- body => สำหรับสร้าง div ไว้ครอบหน้าเว็บไซต์
Header
<header> <META HTTP-EQUIV="Refresh" CONTENT="5"></header>
Body
<body> <div class="overlay"></div>
.
.
.</body>
CSS
หากต้องการความสวยงามก็สร้าง Class ใน CSS เพิ่มเรียกใช้ใน Element
.overlay { background-color: rgba(1, 1, 1, 0.1);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 999999999;
}
เพียงเท่านี้ก็เป็นเสร็จพิธีแล้วครับ ^^ ง่ายใช่ไหมล่ะ!! หากใครมีวิธีที่ดีหรือง่ายกว่านี้ คอมเม้นต์แนะนำได้เลยน่ะครับ
