ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

Opacity (โอพาซิตี้)  คืออะไร? 

ค่า Opacity คือค่าความทึบแสง หรือความโปร่งแสงของภาพ 

ยิ่งเราปรับค่า Opacity ให้ต่ำลงเท่าใด ภาพก็จะยิ่งทึบมากขึ้นเท่านั้น 

เช่น เราปรับค่า Opacity ให้เป็น 0.2 ภาพที่แสดงออกมา ก็จะทึบแสงมากกว่าการปรับค่า Opacity ให้เป็น 0.5

ตัวอย่าง 

ภาพการปรับค่า Opacity ให้เป็น 0.5
ภาพการปรับค่า Opacity ให้เป็น 0.2
จะเห็นได้ว่า การที่เราปรับค่า Opacity ให้ต่ำลงมากเท่าใด ภาพก็จะจางลงมากเท่านั้น 
ตัวอย่าง Code (โค้ด) การปรับค่า opacity
<head>
<style>
img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>Image Transparency</h1>
<p>The opacity property is often used together with the :hover selector to change the opacity on mouse-over:</p>
<img src="/test/test1.jpg" alt="Forest" width="170" height="100">


<p><b>Note:</b> In IE, a !DOCTYPE must be added for the :hover selector to work on other elements than the a element.</p>

</body>
</html>

 

Reference : W3School. "CSS" [ออนไลน์]. เข้าุถึงได้จาก https://www.w3schools.com/css/ [2 พฤศจิกายน 2560]

อ้างอิงภาพ : www.google.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การตั้งค่า ข้อมูลส่วนตัว
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 6:58 pm บอร์ด phpBB user Guide Knowledge
0
5
อ 18 ธ.ค. 2018 6:58 pm โดย จันนุสรณ์ ดีแก่
ไอคอนกระทู้ และการใช้งาน
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 5:17 pm บอร์ด phpBB user Guide Knowledge
0
6
อ 18 ธ.ค. 2018 5:17 pm โดย จันนุสรณ์ ดีแก่
วิธีการส่งค่าตัวแปร จาก html เข้าไปใช้ใน javascript
โดย Ittichai_chupol อ 18 ธ.ค. 2018 5:13 pm บอร์ด Programming - PHP
2
14
อ 18 ธ.ค. 2018 5:20 pm โดย Ittichai_chupol
ทำไงให้เข้าระบบได้ตลอดเวลาโดยไม่ต้องพิมพ์รหัสผ่าน
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 4:46 pm บอร์ด phpBB user Guide Knowledge
0
7
อ 18 ธ.ค. 2018 4:46 pm โดย จันนุสรณ์ ดีแก่
ภาษา C
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 1:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
อ 18 ธ.ค. 2018 1:29 pm โดย จันนุสรณ์ ดีแก่
ตัวอย่าง User Acceptance Test
โดย noonueng_999 อ 18 ธ.ค. 2018 11:10 am บอร์ด Share Knowledge
0
10
อ 18 ธ.ค. 2018 11:10 am โดย noonueng_999
Q - Camtasia ไม่สามารถนำไฟล์เข้ามาตัดต่อได้
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 10:22 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
8
57
อ 18 ธ.ค. 2018 4:55 pm โดย จันนุสรณ์ ดีแก่
Q - รัน localhost แล้วขึ้นแบบนี้ สามารถแก้ด้วยวิธีใดคะ
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 9:35 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
21
อ 18 ธ.ค. 2018 9:35 am โดย จันนุสรณ์ ดีแก่
กดส่งอีเมลในแบบฟอร์มการติดต่อแล้วขึ้น Error 404 Object not found ต้องแก้ไขยังไงครับ
โดย Tewlie Pinsakorn จ 17 ธ.ค. 2018 11:36 pm บอร์ด Joomla Development
2
26
อ 18 ธ.ค. 2018 12:46 pm โดย Tewlie Pinsakorn
วิธีการเพิ่ม BBcode ในเว็บ ปุ่มจัดกลาง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 6:04 pm บอร์ด phpBB user Guide Knowledge
0
11
จ 17 ธ.ค. 2018 6:04 pm โดย จันนุสรณ์ ดีแก่
BBcode การจัดกึ่งกลาง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 6:03 pm บอร์ด phpBB user Guide Knowledge
0
13
จ 17 ธ.ค. 2018 6:03 pm โดย จันนุสรณ์ ดีแก่
การค้นหาขั้นสูง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 4:54 pm บอร์ด phpBB user Guide Knowledge
0
17
จ 17 ธ.ค. 2018 4:54 pm โดย จันนุสรณ์ ดีแก่
อยากได้แอคเซสเข้าสู่หัวใจเธอ
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 2:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
17
จ 17 ธ.ค. 2018 2:13 pm โดย จันนุสรณ์ ดีแก่
วิธีการใช้งาน Function preg_match()
โดย Ittichai_chupol จ 17 ธ.ค. 2018 11:29 am บอร์ด PHP Knowledge
0
12
จ 17 ธ.ค. 2018 11:29 am โดย Ittichai_chupol
Joomshopping ไม่สามารถใช้ฟังชั่นก์ส่งเมลได้
โดย Kritsana Leesakul อ 16 ธ.ค. 2018 8:37 pm บอร์ด Joomla Development
8
54
อ 18 ธ.ค. 2018 1:25 am โดย fernn25
วิธีแก้ปัญหาลืมรหัสผ่าน admin ของ Worlpress โดยการเปลี่ยนรหัสด้วย phpMyadmin
โดย mindphp อ 16 ธ.ค. 2018 6:44 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
11
อ 16 ธ.ค. 2018 6:44 pm โดย mindphp
วิธีการใช้งาน Function preg_match_all()
โดย Ittichai_chupol ส 15 ธ.ค. 2018 6:19 pm บอร์ด PHP Knowledge
0
17
ส 15 ธ.ค. 2018 6:19 pm โดย Ittichai_chupol
การสร้างกระดานข่าวในส่วนของผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 4:38 pm บอร์ด phpBB user Guide Knowledge
0
28
ศ 14 ธ.ค. 2018 4:38 pm โดย จันนุสรณ์ ดีแก่
วิธีแก้เมื่อ Phpbb ขึ้นว่า กรุณาลบไดเรกเทอรี หากไดเรกเทอรียังอยู่ใช้ได้แต่ แผงควบคุมเท่านั้น
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 3:39 pm บอร์ด phpBB user Guide Knowledge
0
30
ศ 14 ธ.ค. 2018 3:39 pm โดย จันนุสรณ์ ดีแก่
การค้นหาภายในกระทู้
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 1:54 pm บอร์ด phpBB user Guide Knowledge
0
29
ศ 14 ธ.ค. 2018 1:54 pm โดย จันนุสรณ์ ดีแก่