สร้างภาพโปร่งใสด้วย CSS (-moz-opacity)

คุณสมบัติ -moz-opacity

เพื่อสร้างภาพโปร่งใส ให้ใช้คุณสมบัติ CSS -moz-opacity ลองรันโค้ดต่อไปนี้เพื่อจัดสไตล์รูปภาพและตั้งค่าความทึบด้วย CSS:

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <img style="moz-opacity:0.2; filter:alpha(opacity=50);"
      src="https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
  </body>
</html>

คุณสมบัติความทึบ (Opacity):

• opacity - มาตรฐาน CSS3 รองรับทุกเบราว์เซอร์ใหม่ (0.0 - 1.0)
• -moz-opacity - Firefox เก่า (deprecated)
• filter:alpha(opacity=x) - IE เก่า (deprecated, x = 0-100)

แนะนำ: ใช้ opacity: 0.5; เพียงอย่างเดียว สำหรับเบราว์เซอร์สมัยใหม่ทั้งหมด