การทำให้หน้าเว็บของเราสามารถดูได้อย่างเดียว

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
css ดูได้อย่างเดียว

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ css ดูได้อย่างเดียว

ดูแล้ว 12,795 ครั้ง


ตัวอย่าง คลิกที่นี่เพื่อดูตัวอย่้าง

CSS Code ใส่ส่วนของแท็ก <head>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style type="text/css">
 html {
        height: 100%;
        }
body {
    background: #000;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
 }
#overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ccc;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}
</style>

แทรกแท็ก ต่อไปนี้

1
<div id="overlay"></div>

ภายในแท็ก <body> โดยแทรกต่อจากแท็ก <body>

ตัวอย่าง

1
2
3
4
<body>
<div id="overlay"></div>
<!--เนื้อหาภายในเว็บ-->
</body>


กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ











URL สำหรับอ้างอิง











เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ